ViewPager微信切换页面

布局文件:

<LinearLayout 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"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager 
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal" >

        <!-- android:button="@null"取消单选那个原点 -->

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/sel_button"
            android:gravity="center"
            android:padding="5dp"
            android:text="消息" />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/sel_button"
            android:gravity="center"
            android:padding="5dp"
            android:text="消息" />

        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/sel_button"
            android:gravity="center"
            android:padding="5dp"
            android:text="消息" />

        <RadioButton
            android:id="@+id/radio3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/sel_button"
            android:gravity="center"
            android:padding="5dp"
            android:text="消息" />
    </RadioGroup>

</LinearLayout>

MainActivity代码:

public class MainActivity extends FragmentActivity {

	private ArrayList<Fragment> list;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 1 写viewpager
		final ViewPager pager = (ViewPager) findViewById(R.id.pager);
		// 2继承FragmentActivity
		// 3集合和Fragment对象(注意Fragment要导入v4包)
		list = new ArrayList<Fragment>();
		list.add(new Frag01());
		list.add(new Frag02());
		list.add(new Frag03());
		list.add(new Frag04());
		// 4设置适配器
		// 注意要写参数 参数为getSupportFragmentManager()
		pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {

			@Override
			public int getCount() {
				return list.size();
			}

			@Override
			public Fragment getItem(int arg0) {
				return list.get(arg0);
			}
		});
		// 5点击按钮切换页面
		final RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radioGroup1);
		// 6第一个默认选中
		radioGroup.check(radioGroup.getChildAt(0).getId());
		// 7点击按钮切换界面
		radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				switch (checkedId) {
				case R.id.radio0:
					pager.setCurrentItem(0);
					break;
				case R.id.radio1:
					pager.setCurrentItem(1);
					break;
				case R.id.radio2:
					pager.setCurrentItem(2);
					break;
				case R.id.radio3:
					pager.setCurrentItem(3);
					break;

				}

			}
		});
		// 8滑动切换
		pager.setOnPageChangeListener(new OnPageChangeListener() {

			@Override
			public void onPageSelected(int arg0) {
				radioGroup.check(radioGroup.getChildAt(arg0).getId());

			}

			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {
				// TODO Auto-generated method stub

			}

			@Override
			public void onPageScrollStateChanged(int arg0) {
				// TODO Auto-generated method stub

			}
		});

	}
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信发现界面通常包含多个页面,例如朋友圈、看一看、搜一搜等。可以使用Fragment和ViewPager来实现这个界面。 首先,在布局文件中添加一个ViewPager控件和一个TabLayout控件,用于实现页面的滑动切换和标签的显示。 ``` <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" /> <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/white" app:tabGravity="fill" app:tabIndicatorColor="@color/colorPrimary" app:tabMode="fixed" app:tabSelectedTextColor="@color/colorPrimary" app:tabTextColor="@color/black" /> ``` 接下来,创建多个Fragment类,分别对应不同的页面。例如,创建一个DiscoverFragment类用于显示“发现”页面的内容。 在DiscoverFragment类中,可以使用ListView控件来显示列表内容。在onCreateView()方法中,加载布局文件并初始化ListView控件。 ``` public class DiscoverFragment extends Fragment { private ListView mListView; private List<String> mDataList = new ArrayList<>(); @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_discover, container, false); mListView = view.findViewById(R.id.list_view); // 初始化数据 initData(); // 设置ListView适配器 ArrayAdapter<String> adapter = new ArrayAdapter<>(getContext(), android.R.layout.simple_list_item_1, mDataList); mListView.setAdapter(adapter); return view; } // 初始化数据 private void initData() { mDataList.add("朋友圈"); mDataList.add("扫一扫"); mDataList.add("摇一摇"); // ... } } ``` 最后,在MainActivity中,创建PagerAdapter适配器,并将多个Fragment添加到ViewPager中。 ``` public class MainActivity extends AppCompatActivity { private ViewPager mViewPager; private TabLayout mTabLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mViewPager = findViewById(R.id.view_pager); mTabLayout = findViewById(R.id.tab_layout); // 创建PagerAdapter适配器 PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager()); // 添加Fragment到ViewPager中 adapter.addFragment(new DiscoverFragment(), "发现"); adapter.addFragment(new MomentsFragment(), "朋友圈"); adapter.addFragment(new ReadFragment(), "看一看"); adapter.addFragment(new SearchFragment(), "搜一搜"); mViewPager.setAdapter(adapter); mTabLayout.setupWithViewPager(mViewPager); } // 定义PagerAdapter适配器 private static class PagerAdapter extends FragmentPagerAdapter { private final List<Fragment> mFragmentList = new ArrayList<>(); private final List<String> mTitleList = new ArrayList<>(); public PagerAdapter(@NonNull FragmentManager fm) { super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT); } public void addFragment(Fragment fragment, String title) { mFragmentList.add(fragment); mTitleList.add(title); } @NonNull @Override public Fragment getItem(int position) { return mFragmentList.get(position); } @Override public int getCount() { return mFragmentList.size(); } @Nullable @Override public CharSequence getPageTitle(int position) { return mTitleList.get(position); } } } ``` 这样,就可以使用Fragment和ViewPager来实现微信发现界面了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值