Android 微信界面简单的侧滑效果+listview+DrawerLayout+fragment+viewpager

先写一个android.support.v4.widget.DrawerLayout的控件。里面包裹的第一个LinearLayout是主界面的里面是一个viewpager的控件用来实现QQfragment界面,第二个LinearLayout里面就是侧滑页面,里面写了一个简单的listview,基本上简单的布局就实现了。<android.support.v4.widget.DrawerLay...
摘要由CSDN通过智能技术生成

先写一个android.support.v4.widget.DrawerLayout的控件。里面包裹的第一个LinearLayout是主界面的里面是一个viewpager的控件用来实现QQfragment界面,第二个LinearLayout里面就是侧滑页面,里面写了一个简单的listview,基本上简单的布局就实现了。

<android.support.v4.widget.DrawerLayout
android:id="@+id/draw"
android:layout_width=“match_parent”
android:layout_height=“match_parent”>

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

        </android.support.v4.view.ViewPager>

        <RadioGroup
            android:id="@+id/radioGroup"
            android:layout_width="match_parent"
            android:layout_h
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信发现界面通常包含多个页面,例如朋友圈、看一看、搜一搜等。可以使用FragmentViewPager来实现这个界面。 首先,在布局文件中添加一个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()); // 添加FragmentViewPager中 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); } } } ``` 这样,就可以使用FragmentViewPager来实现微信发现界面了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值