android demo1 activity fragment recycler viewpager

最新推荐文章于 2024-04-24 15:17:23 发布

不洗脚干搓

最新推荐文章于 2024-04-24 15:17:23 发布

阅读量244

点赞数

分类专栏：安卓开发 Java 文章标签： android 移动开发安卓

本文链接：https://blog.csdn.net/qq_25754055/article/details/107136500

版权

安卓开发同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

Java

9 篇文章 0 订阅

订阅专栏

实现功能：从activity布局到fragment布局，再到recycler布局，以及viewpager布局

一 . 难点/知识点：

1.recycler适配直接看三.3

2.pagerview 直接看三.4

因为过多的布局文件应该一边看代码，一边看相对应的xml和id.

二. 流程图/运行图：

1. 代码图

在这里插入图片描述

2. 布局图：

在这里插入图片描述

3. 运行图：

a. 打开应用，recycler list all fragment instance

在这里插入图片描述

b. 点击一个item,打开pagerview 再加载itemFragmemt

在这里插入图片描述

c. 左右滑动可以滑动到其他item里面。

在这里插入图片描述

4.流程图：

a.整体activity fragment和对应xml文件

在这里插入图片描述

b.数据 item 和itemLab

在这里插入图片描述

三. 实现代码

写在前面，每个人的数据模型不一样，我使用的item和itemLab类在文末，对于数据这个没有重点描述，看看应该都能懂。所有代码都有，但是图方便和正确率可以直接clone我的git仓库代码。
star 我的项目，我会不断更新内容，更多基础demo,
项目地址：link

1.singleActivity

1.2.3.一起食用更容易理解在这里插入图片描述

public abstract class SingleFragmentActivity extends AppCompatActivity {

    protected abstract Fragment createFragment();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fragment);
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        transaction.replace(R.id.fragment_container, createFragment());
        transaction.commit();
    }
}

再看布局文件：activity_fragment.xml

<FrameLayout
    android:id="@+id/fragment_container"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
</FrameLayout>

2.ItemListActivity 继承 SingleActivity

无对应布局文件

public class ItemsListActivity extends SingleFragmentActivity {
    @Override
    protected Fragment createFragment(){
        return ItemsListFragment.newInstance();
    }
}

继承重写singleActivity虚方法，返回给singleActivity一个碎片。

3.itemListFragment 返回的正是这个碎片类

先看2. return newInstance返回的是个什么玩意儿，先创建了该类，再返回该类很简单

public static ItemsListFragment newInstance(){
        return new ItemsListFragment();
    }

好，再看全部代码，再分析recycler

   public class ItemsListFragment extends Fragment {
    public Toolbar mToolbar;
    private EditText mEditText;
    private RecyclerView mRecyclerView;
    private ItemAdapter mAdapter;
    public static ItemsListFragment newInstance(){
        return new ItemsListFragment();
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.fragment_itemlist_recycler, container, false);//碎片视图

        mRecyclerView=(RecyclerView)v.findViewById(R.id.item_recycler_view);//recycler视图
        mRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));
        upDateUI();
        return v;
    }
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

    }


    private  class ItemHolder extends RecyclerView.ViewHolder implements View.OnClickListener{

        private TextView mTitleTextView;
        private  TextView mDateTextView;
        private Item mitem;
        public ItemHolder(LayoutInflater inflater , ViewGroup parent){
            super(inflater.inflate(R.layout.fragment_list_xxxcontent,parent,false));//content视图
            itemView.setOnClickListener(this);
            mTitleTextView=(TextView)itemView.findViewById(R.id.item_title_list);
            mDateTextView=(TextView)itemView.findViewById(R.id.item_data_list);
        }

        public void bind(Item item){
            mitem=item;
            mTitleTextView.setText(mitem.getmTitle());
            mDateTextView.setText(mitem.getmData().toString());
        }

        @Override
        public void onClick(View view){
            Toast.makeText(getActivity(),mitem.getmTitle()+"cliced",Toast.LENGTH_LONG).show();
            Intent intent=ItemPagerActivity.newInstance(getActivity(),mitem.getmId());
            startActivity(intent);
        }

    }
    
    private class ItemAdapter extends RecyclerView.Adapter<ItemHolder>{
        private List<Item>mItems;
        public ItemAdapter(List<Item>items){
            mItems=items;
        }

        @NonNull
        @Override
        public ItemHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            LayoutInflater layoutInflater=LayoutInflater.from(getActivity());
            return new ItemHolder(layoutInflater,parent);
        }

        @Override
        public void onBindViewHolder(@NonNull ItemHolder holder, int position) {
            Item item=mItems.get(position);
            holder.bind(item);

        }

        @Override
        public int getItemCount() {
            return mItems.size();
        }
    }

    private void upDateUI(){
        ItemLab itemLab=ItemLab.get(getActivity());
        List<Item>items=itemLab.getmItems();
        if (mAdapter==null){
        mAdapter=new ItemAdapter(items);
        mRecyclerView.setAdapter(mAdapter);}
        else {mAdapter.notifyDataSetChanged();}
    }

}

再看对应的布局文件： a. recycler所在碎片fragment_itemlist_recycler.xml

<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:id="@+id/drawer_layout"
 android:layout_height="match_parent"
 android:layout_width="match_parent"
 android:orientation="vertical">
 

 <androidx.recyclerview.widget.RecyclerView
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/item_recycler_view"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     />

</LinearLayout>

布局：b. recycler作为容器里面每个内容的布局：fragment_list_xxxcontent.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical"
 android:padding="8dp">
 <TextView
     android:id="@+id/item_title_list"
     android:layout_height="wrap_content"
     android:layout_width="match_parent"
     android:text="item_title"/>
 <TextView
     android:id="@+id/item_data_list"
     android:layout_height="wrap_content"
     android:layout_width="match_parent"
     android:text="item_data"/>

</androidx.appcompat.widget.LinearLayoutCompat>

大篇幅都是关于recycler的，这也是recycler实现代码，主要函数有 itemHolder继承重写，itemAdapter< ItemHolder>重写继承，以及更新ui的upDateUI()

a. 看程序运行流程，运行upDateUI(),先new Adapter,再调用setAdapter

   mAdapter=new ItemAdapter(items);
        mRecyclerView.setAdapter(mAdapter);

b.在class ItemAdapter先调用getItemCount()，反馈给RecyclerView有多少个对象。

        @Override
        public int getItemCount() {
            return mItems.size();
        }

c.然后调用class ItemAdapter里面的onCreateViewHolder()。

 @Override
        public ItemHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            LayoutInflater layoutInflater=LayoutInflater.from(getActivity());
            return new ItemHolder(layoutInflater,parent);
        }

d.在c中会返回一个ItemHolder(子视图)，ItemHolder构造函数就只容纳view视图，它会启用这个布局fragment_list_xxxcontent.xml，并找到里面的两个textview,

 public ItemHolder(LayoutInflater inflater , ViewGroup parent){
            super(inflater.inflate(R.layout.fragment_list_xxxcontent,parent,false));//content视图
            itemView.setOnClickListener(this);
            mTitleTextView=(TextView)itemView.findViewById(R.id.item_title_list);
            mDateTextView=(TextView)itemView.findViewById(R.id.item_data_list);
        }

e. 再回到class ItemAdaper里面，调用onBindViewHolder()。

 @Override
        public void onBindViewHolder(@NonNull ItemHolder holder, int position) {
            Item item=mItems.get(position);
            holder.bind(item);

        }

f. e中会调用class holder的bind()函数负责数据绑定，到此，一个子视图就完成了，再创建下一个Ｖｉｅｗ就是重复c-d-e-f过程。

public void bind(Item item){
            mitem=item;
            mTitleTextView.setText(mitem.getmTitle());
            mDateTextView.setText(mitem.getmData().toString());
        }

g. 既然holder提供视图，我们设置implement View.OnClickListener,再重写监听事件，就能完成点击每个子项发出动作，例如查看详情。

 @Override
        public void onClick(View view){
            Toast.makeText(getActivity(),mitem.getmTitle()+"cliced",Toast.LENGTH_LONG).show();
            Intent intent=ItemPagerActivity.newInstance(getActivity(),mitem.getmId());
            startActivity(intent);
        }

到此Recycler使用方法结束

4. 在3.itemListFragment中我们设置了监听，现在再来看一下，

Intent intent=ItemPagerActivity.newInstance(getActivity(),mitem.getmId());
startActivity(intent);

我们使用intent打开了一个新的activity->ItemPagerActivity,传入了item的UUID，方便FragmentStatePagerAdapter定位到具体哪个item。

itempagerActivity类代码如下，


public class ItemPagerActivity extends AppCompatActivity {
    private ViewPager mViewPager;
    private List<Item>mItems;  //
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_item_pager);
        UUID itemid = (UUID) getIntent().getSerializableExtra("itemid"); //
        mViewPager = (ViewPager) findViewById(R.id.activity_item_view_pager);
        mItems = ItemLab.get(this).getmItems();
        FragmentManager fragmentManager = getSupportFragmentManager();
        mViewPager.setAdapter(new FragmentStatePagerAdapter(fragmentManager) {
            @Override
            public Fragment getItem(int position) {
                Item item = mItems.get(position);
                return ItemFragment.newInstance(item.getmId());
            }
            @Override
            public int getCount() {
                return mItems.size();
            }
        });

        for (int i = 0; i < mItems.size(); i++) {
            if (mItems.get(i).getmId().equals(itemid)) {
                mViewPager.setCurrentItem(i);
                break;
            }
        }
    }
    public static Intent newInstance(Context packageContenxt, UUID itemId){
        Intent intent=new Intent(packageContenxt,ItemPagerActivity.class);
        intent.putExtra("itemid",itemId);
        return intent;
    }
}

对应布局：activity_item_pager.xml :

<androidx.viewpager.widget.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/activity_item_view_pager">
</androidx.viewpager.widget.ViewPager>

重点讲解三个点：mViewPager.setAdapter的getcount()，

getitem(int position)和一个for（）循环。

a. getIcount()返回Int类型，告诉有多少个对象，

b. getItem(int posintion)函数代码如下：

 Item item = mItems.get(position);
   return ItemFragment.newInstance(item.getmId());

这里获得一个item，并产生了一个碎片，（viewpager是该碎片的容器）

c. for()循环是由3.g中我们点击了哪个子视图，然后传过来的参数，我们用for循环遍历Items.找到它，getItem(int position)就找到该使用具体哪个item，ItemFragment就能显示对应item的数据。

5.ItemFragment类

现在我们看来看该类，该类是由4.b触发产生的碎片，很简单，配合一个布局，将item.title和item.content放在viewpager容器里面。ps:可以改写item数据。

ItemFragment代码：

public class ItemFragment extends Fragment {
    private Item mitem;
    private EditText mtitle;
    private  EditText mdate;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.fragment_item_dital, container, false);//碎片视图
        mtitle=(EditText)v.findViewById(R.id.item_title);
        mdate=(EditText)v.findViewById(R.id.item_data);
        mtitle.setText(mitem.getmTitle());

        return v;
    }

    public  static ItemFragment newInstance(UUID itemid){
        Bundle args=new Bundle();
        args.putSerializable("itemid",itemid);

        ItemFragment fragment =new ItemFragment();
        fragment.setArguments(args);
        return fragment;
    }
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       UUID itemId=(UUID)getArguments().getSerializable("itemid");
        mitem=ItemLab.get(getActivity()).getItem(itemId);
    }
    @Override
    public  void onPause(){
        super.onPause();
        mitem.setmTitle(mtitle.getText().toString());
    }
}

fragment_item_dital.xml布局

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="8dp">
    <EditText
        android:id="@+id/item_title"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:text="item_title"/>
    <EditText
        android:id="@+id/item_data"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:text="item_data"/>

</androidx.appcompat.widget.LinearLayoutCompat>

到此viewpager功能实现，可以左右滑动，查看不同item.

最后贴上item和itemLab类代码：

public class Item {
    public boolean ismSoved() {
        return mSoved;
    }
    public void setmSoved(boolean mSoved) {
        this.mSoved = mSoved;
    }
    public Date getmData() {
        return mData;
    }
    public void setmData(Date mData) {
        this.mData = mData;
    }
    public UUID getmId() {
        return mId;
    }
    public void setmId(UUID mId) {
        this.mId = mId;
    }
    private UUID mId;
    public String getmTitle() {
        return mTitle;
    }
    public void setmTitle(String mTitle) {
        this.mTitle = mTitle;
    }
    private String mTitle;
    private  Date mData;
    private boolean mSoved;
    public Item(){
        mId=UUID.randomUUID();
        mData=new Date();
    }
}

public class ItemLab {
    private static ItemLab sItemLab;
    private List<Item>mItems;

    public static ItemLab get(Context context){
        if(sItemLab==null){
            sItemLab=new ItemLab(context);
        }
        return sItemLab;
    }
    private ItemLab(Context context){
        mItems=new ArrayList<>();
        for(int i=0;i<100;i++){
            Item item=new Item();
            item.setmTitle("items "+i);
            item.setmSoved(i%2==0);
            mItems.add(item);
        }
    }
    public List<Item>getmItems(){
        return mItems;
    }
    public Item getItem(UUID id){
        for(Item item:mItems){
            if(item.getmId().equals(id)){
                return item;
            }
        }
        return null;
    }
}

四.结尾

终于写完了，第一次写长篇博客，花了两三个小时，本人也是初学安卓开发，很多不对的地方请前辈指正，feel free to ask me about this blog,求关注博主，持续更新更多安卓基础demo,一起进步。我的github项目在这里：https://github.com/easyasd/android-learning-demo-collections Star it 吧

不洗脚干搓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android demo1 activity fragment recycler viewpager

实现功能：从activity布局到fragment布局，再到recycler布局，以及pagerview布局一 . 重点/知识点：1. 虚方法activity2.fragmentmanager3.recycler适配4.pagerview因为过多的布局文件应该一边看代码，一边看相对应的xml和id.二. 流程图/运行图：1. 代码图2. 布局图：3. 运行图：a. 打开应用，recycler list all fragment instanceb. 点击一个item,打开pa
复制链接

扫一扫