উল্লম্ব ভিউপেজার
এখানে অন্যান্য উত্তরগুলির সাথে তাদের কিছু সমস্যা রয়েছে বলে মনে হচ্ছে। এমনকি প্রস্তাবিত ওপেন সোর্স প্রকল্পগুলি বাগ বাগের সাথে সাম্প্রতিক পুলের অনুরোধগুলি মার্জ করে নি। তারপরে আমি VerticalViewPagerগুগলের কাছ থেকে একটি পেয়েছি যে তারা কিছু ডেস্কলক অ্যাপ্লিকেশন ব্যবহার করেছে। আমি এখানে আশেপাশে ভাসমান অন্যান্য উত্তরগুলির চেয়ে অনেক বেশি গুগলের প্রয়োগ বাস্তবায়িত বিশ্বাস করি। (গুগলের সংস্করণ বর্তমান শীর্ষ-ভোট দেওয়া উত্তরের মতো, তবে আরও পুঙ্খানুপুঙ্খ।)
সম্পূর্ণ উদাহরণ
এই উদাহরণটি ক্লাসটি ব্যবহারের জন্য কয়েকটি ছোট ছোট পরিবর্তন করে আমার বেসিক ভিউপেজার উদাহরণের মতো প্রায় একই VerticalViewPager।
এক্সএমএল
মূল ক্রিয়াকলাপের জন্য এবং প্রতিটি পৃষ্ঠার (টুকরা) জন্য এক্সএমএল লেআউট যুক্ত করুন। নোট করুন যে আমরা VerticalViewPagerমানের চেয়ে ব্যবহার করি ViewPager। আমি নীচের জন্য কোড অন্তর্ভুক্ত করব।
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.verticalviewpager.MainActivity">
<com.example.myapp.VerticalViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
fragment_one.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:id="@+id/textview"
android:textSize="30sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true" />
</RelativeLayout>
কোড
এর কোডটি VerticalViewPagerআমার নয়। গুগল সোর্স কোড থেকে এটি কেবল একটি স্ট্রিপ ডাউন সংস্করণ (কোনও মন্তব্য ছাড়াই)। এটি সর্বাধিক টু ডেট সংস্করণে দেখুন Check সেখানে মন্তব্যগুলি কী ঘটছে তা বোঝার জন্য সহায়ক।
VerticalViewPager.java
import android.support.v4.view.ViewPager;
public class VerticalViewPager extends ViewPager {
public VerticalViewPager(Context context) {
this(context, null);
}
public VerticalViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
@Override
public boolean canScrollHorizontally(int direction) {
return false;
}
@Override
public boolean canScrollVertically(int direction) {
return super.canScrollHorizontally(direction);
}
private void init() {
setPageTransformer(true, new VerticalPageTransformer());
setOverScrollMode(View.OVER_SCROLL_NEVER);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
final boolean toIntercept = super.onInterceptTouchEvent(flipXY(ev));
flipXY(ev);
return toIntercept;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
final boolean toHandle = super.onTouchEvent(flipXY(ev));
flipXY(ev);
return toHandle;
}
private MotionEvent flipXY(MotionEvent ev) {
final float width = getWidth();
final float height = getHeight();
final float x = (ev.getY() / height) * width;
final float y = (ev.getX() / width) * height;
ev.setLocation(x, y);
return ev;
}
private static final class VerticalPageTransformer implements ViewPager.PageTransformer {
@Override
public void transformPage(View view, float position) {
final int pageWidth = view.getWidth();
final int pageHeight = view.getHeight();
if (position < -1) {
view.setAlpha(0);
} else if (position <= 1) {
view.setAlpha(1);
view.setTranslationX(pageWidth * -position);
float yPosition = position * pageHeight;
view.setTranslationY(yPosition);
} else {
view.setAlpha(0);
}
}
}
}
MainActivity.java
আমি শুধু কোন মতেই বার VerticalViewPagerজন্য ViewPager।
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
public class MainActivity extends AppCompatActivity {
static final int NUMBER_OF_PAGES = 2;
MyAdapter mAdapter;
VerticalViewPager mPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mAdapter = new MyAdapter(getSupportFragmentManager());
mPager = findViewById(R.id.viewpager);
mPager.setAdapter(mAdapter);
}
public static class MyAdapter extends FragmentPagerAdapter {
public MyAdapter(FragmentManager fm) {
super(fm);
}
@Override
public int getCount() {
return NUMBER_OF_PAGES;
}
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return FragmentOne.newInstance(0, Color.WHITE);
case 1:
// return a different Fragment class here
// if you want want a completely different layout
return FragmentOne.newInstance(1, Color.CYAN);
default:
return null;
}
}
}
public static class FragmentOne extends Fragment {
private static final String MY_NUM_KEY = "num";
private static final String MY_COLOR_KEY = "color";
private int mNum;
private int mColor;
// You can modify the parameters to pass in whatever you want
static FragmentOne newInstance(int num, int color) {
FragmentOne f = new FragmentOne();
Bundle args = new Bundle();
args.putInt(MY_NUM_KEY, num);
args.putInt(MY_COLOR_KEY, color);
f.setArguments(args);
return f;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mNum = getArguments() != null ? getArguments().getInt(MY_NUM_KEY) : 0;
mColor = getArguments() != null ? getArguments().getInt(MY_COLOR_KEY) : Color.BLACK;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View v = inflater.inflate(R.layout.fragment_one, container, false);
v.setBackgroundColor(mColor);
TextView textView = v.findViewById(R.id.textview);
textView.setText("Page " + mNum);
return v;
}
}
}
সমাপ্ত
আপনার অ্যাপটি চালাতে সক্ষম হবে এবং উপরের অ্যানিমেশনের ফলাফলটি দেখতে পাবে।
আরো দেখুন
