使用Fragment和ListView、RecyclerView实现川菜菜谱界面

Fragment和ListView

放置两个fragment的布局文件

左侧fragment,fm_layout.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="@color/A_group_4"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ListView
        android:id="@+id/lv_menu"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</LinearLayout>

右侧fragment,fm_layout2.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<TextView
    android:id="@+id/tv_info"
    android:textSize="20dp"
    android:padding="30dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</TextView>
</LinearLayout>

创建川菜列表Item界面

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="10dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
	<ImageView
	    android:id="@+id/iv_icon"
	    android:layout_width="100dp"
	    android:layout_height="40dp">
	</ImageView>
    <TextView
        android:id="@+id/tv_name"
        android:layout_gravity
  • 5
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信发现界面通常包含多个页面,例如朋友圈、看一看、搜一搜等。可以使用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来实现微信发现界面了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值