Pulltorefresh、Banner以及FlycoTabLayout

最新推荐文章于 2025-05-27 18:19:13 发布

liuguitong_BK

最新推荐文章于 2025-05-27 18:19:13 发布

阅读量301

点赞数

分类专栏： Pulltorefresh、Banner以及FlycoTabLayou 文章标签： Android3

本文链接：https://blog.youkuaiyun.com/liuguitong_BK/article/details/99656351

版权

Pulltorefresh、Banner以及FlycoTabLayou 专栏收录该内容

1 篇文章

订阅专栏

Banner轮播图

添加依赖：implementation ‘com.youth.banner:banner:1.4.10’

XML

<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="150dp" />

Activity

public class MainActivity extends AppCompatActivity {

    private Banner banner;
    private List<String> images=new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        banner = (Banner) findViewById(R.id.banner);
        
        //为集合添加数据
     	images.add(R.drawable.a);
     	images.add(R.drawable.b);
     	images.add(R.drawable.c);
       //设置banner样式
        banner.setBannerStyle(BannerConfig.NUM_INDICATOR);
        //设置图片加载器
        banner.setImageLoader(new GlideImageLoader());
        //设置图片集合
        banner.setImages(images);
        //设置轮播时间
        banner.setDelayTime(2000);
        //banner设置方法全部调用完毕时最后调用
        banner.start();
    }
}

图片加载器

public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }
}

其他属性

	//设置banner样式
    banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);
    //设置图片加载器
    banner.setImageLoader(new GlideImageLoader());
    //设置图片集合
    banner.setImages(images);
    //设置banner动画效果
    banner.setBannerAnimation(Transformer.DepthPage);
    //设置标题集合（当banner样式有显示title时）
    banner.setBannerTitles(titles);
    //设置自动轮播，默认为true
    banner.isAutoPlay(true);
    //设置轮播时间
    banner.setDelayTime(1500);
    //设置指示器位置（当banner模式中有指示器时）
    banner.setIndicatorGravity(BannerConfig.CENTER);
    //banner设置方法全部调用完毕时最后调用
    banner.start();

网络请求数据加载Banner

在这里插入图片描述
XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="300dp"></com.youth.banner.Banner>


</LinearLayout>

图片加载器

public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }
}

Bean

public class Bean {

    private int ret;
    private List<DataBean> data;

    public int getRet() {
        return ret;
    }

    public void setRet(int ret) {
        this.ret = ret;
    }

    public List<DataBean> getData() {
        return data;
    }

    public void setData(List<DataBean> data) {
        this.data = data;
    }

    public static class DataBean {
        /**
         * id : 8289
         * title : 油焖大虾
         * pic : http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg
         * collect_num : 1669
         * food_str : 大虾 葱 生姜 植物油 料酒
         * num : 1669
         */

        private String id;
        private String title;
        private String pic;
        private String collect_num;
        private String food_str;
        private int num;

        public String getId() {
            return id;
        }

        public void setId(String id) {
            this.id = id;
        }

        public String getTitle() {
            return title;
        }

        public void setTitle(String title) {
            this.title = title;
        }

        public String getPic() {
            return pic;
        }

        public void setPic(String pic) {
            this.pic = pic;
        }

        public String getCollect_num() {
            return collect_num;
        }

        public void setCollect_num(String collect_num) {
            this.collect_num = collect_num;
        }

        public String getFood_str() {
            return food_str;
        }

        public void setFood_str(String food_str) {
            this.food_str = food_str;
        }

        public int getNum() {
            return num;
        }

        public void setNum(int num) {
            this.num = num;
        }
    }
}

Activity

public class MainActivity extends AppCompatActivity {

    private Banner banner;
    private List<String> list=new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        banner = (Banner) findViewById(R.id.banner);

        new Thread(new Runnable() {
            @Override
            public void run() {
                OkGo.<String>get("http://www.qubaobei.com/ios/cf/dish_list.php?stage_id=1&limit=20&page=1").execute(new StringCallback() {
                    @Override
                    public void onSuccess(Response<String> response) {
                        String str = response.body();
                        Bean bean = new Gson().fromJson(str, Bean.class);
                        List<Bean.DataBean> data = bean.getData();
                        for (int i = 0; i < data.size(); i++) {
                            String pic = data.get(i).getPic();
                            list.add(pic);
                        }
                        banner.setBannerStyle(1);
                        banner.setImageLoader(new GlideImageLoader());
                        banner.setImages(list);
                        banner.start();
                    }
                });
            }
        }).start();
    }
}

Pulltorefrsh：设置上拉加载下拉刷新

设置头布局：pullToRefreshListView.getRefreshableView().addHeaderView(View对象);//头
设置尾布局：pullToRefreshListView.getRefreshableView().addFooterView(View对象);//尾

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".pulltorefresh.PullTorefreshActivity">
    <com.handmark.pulltorefresh.library.PullToRefreshListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></com.handmark.pulltorefresh.library.PullToRefreshListView>
</LinearLayout>

Activity

public class PullTorefreshActivity extends AppCompatActivity {
    PullToRefreshListView pullToRefreshListView;
    MyAdapter myAdapter;
    ArrayList<Bean2.DataBean> list=new ArrayList<>();
    String url="http://www.qubaobei.com/ios/cf/dish_list.php?stage_id=1&limit=20&page=";
    int page=1;


    Banner banner;
    ArrayList<String> images=new ArrayList<>();
    ArrayList<String> titiles=new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pull_torefresh);
         initView();
         initdata();
         //TODO 1:设置上啦加载和下拉刷新
         pullToRefreshListView.setMode(PullToRefreshBase.Mode.BOTH);//二者
         pullToRefreshListView.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {//下拉：集合清空 加载第一页
                list.clear();
                page=1;
                initdata();

            }

            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {//上啦：追加数据
                page++;
                initdata();
            }
        });

    }

    private void initdata() {
        OkGo.<String>get(url+page).execute(new StringCallback() {
            @Override
            public void onSuccess(Response<String> response) {
                Gson gson = new Gson();
                Bean2 bean2 = gson.fromJson(response.body(), Bean2.class);
                list.addAll(bean2.getData());
                myAdapter.notifyDataSetChanged();
                //通知加载完毕
                pullToRefreshListView.onRefreshComplete();

            }
        });
    }

    private void initView() {
        pullToRefreshListView=findViewById(R.id.lv);
        myAdapter=new MyAdapter(list,this);
        pullToRefreshListView.setAdapter(myAdapter);
    }
}

FlycoTablayout

在这里插入图片描述

思路：

（1）添加依赖：
（2）设置tab底部的样式：commonTabLayout.setTabData(集合);
（3）点击底部实现切换： commonTabLayout.setOnTabSelectListener(监听对象)；
（4）显示未读消息
commonTabLayout.showDot(tab的下标);//小红点
commonTabLayout.showMsg(tab的下标,消息个数);//设置消息个数
（5）隐藏消息：
commonTabLayout.hideMsg(tab的下标);
XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".tablayout.QQTabActivity"
    android:orientation="vertical">
    <FrameLayout
        android:id="@+id/fragme_layout"
        android:layout_weight="8"
        android:layout_width="match_parent"
        android:layout_height="0dp"></FrameLayout>
    <com.flyco.tablayout.CommonTabLayout
        app:tl_textSelectColor="#8BC34A"
        app:tl_textUnselectColor="#000"
        android:id="@+id/tab"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp"></com.flyco.tablayout.CommonTabLayout>

</LinearLayout>

Activity

public class QQTabActivity extends AppCompatActivity{
    CommonTabLayout commonTabLayout;
    ArrayList<CustomTabEntity> tabEntitys=new ArrayList<>();
    Fragment fragment1,fragment2,fragment3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_qqtab);
        commonTabLayout=findViewById(R.id.tab);
        fragment1=new Fragment1();
        fragment2=new Fragment2();
        fragment3=new Fragment3();
        //TODO 1:设置tablayout的样式
        tabEntitys.add(new MyTab("消息",R.mipmap.select1,R.mipmap.select2));
        tabEntitys.add(new MyTab("我的",R.mipmap.select1,R.mipmap.select2));
        tabEntitys.add(new MyTab("你的",R.mipmap.select1,R.mipmap.select2));
        commonTabLayout.setTabData(tabEntitys);

        //TODO 2:设置点击事件
        commonTabLayout.setOnTabSelectListener(new OnTabSelectListener() {
            @Override
            public void onTabSelect(int position) {//选中
                if(position==0){
                    getSupportFragmentManager().beginTransaction()
                            .replace(R.id.fragme_layout,fragment1)
                            .commit();
                }else if(position==1){
                    getSupportFragmentManager().beginTransaction()
                            .replace(R.id.fragme_layout,fragment2)
                            .commit();
                    //消失
                    commonTabLayout.hideMsg(1);
                }else if(position==2){
                    getSupportFragmentManager().beginTransaction()
                            .replace(R.id.fragme_layout,fragment3)
                            .commit();
                    commonTabLayout.hideMsg(2);
                }

            }

            @Override
            public void onTabReselect(int position) {//再一次选中

            }
        });
        //TODO 3:显示未读消息
        commonTabLayout.showDot(1);//小红点
        commonTabLayout.showMsg(2,400);//设置消息个数
    }
}