当前位置 博文首页 > 李猫er:【Android项目实战 | 从零开始写app (八) 】Banner2.1.0

    李猫er:【Android项目实战 | 从零开始写app (八) 】Banner2.1.0

    作者:[db:作者] 时间:2021-07-08 13:03

    由于首页内容有点多,因此采用分步讲解。暂时先实现下面这两个功能吧~可以吧?哈哈~

    本篇实现效果:

    1. 实现首页搜索框搜索,软键盘出现搜索按钮,点击搜索跳转到对应的搜索结果列表页面
    2. Banner2.1.0实现App 首页广告图片链接轮播,网络请求服务端轮播图图片和链接,实现点击对应的轮播图片跳转到对应的链接详情
      在这里插入图片描述

    本篇项目目录:

    自己创建对应的文件
    在这里插入图片描述

    文章导航

    一、【Android项目实战 | 从零开始写app(一)】 创建项目

    二、【Android项目实战 | 从零开始写app(二)】实现闪屏页,启动app

    三、【Android项目实战 | 从零开始写app(三)】实现引导页,进入登录or主页面

    四、【Android项目实战 | 从零开始写app(四)】Okhttp+Gson实现服务端登录验证功能

    五、【Android项目实战 | 从零开始写app(五)】okhttp+gson实现服务端注册功能

    六、【Android项目实战 | 从零开始写app(六)】用TabLayout+ViewPager搭建App 框架主页面底部导航栏

    七、【Android项目实战 | 从零开始写app(七)】优化主页导航栏,禁用主页页面滑动切换效果

    八、【Android项目实战 | 从零开始写app(八)】实现app首页广告轮播图切换和搜索跳转

    九、【Android项目实战 | 从零开始写app(九)】Tablayout+ViewPager实现页面分类顶部标题页面联动切换

    十、【Android项目实战 | 从零开始写app(十)】Okhttp+glide+json+ListView实现新闻模块数据的填充显示

    十一、【Android项目实战 | 从零开始写app(十一)】实现app首页智慧服务页面服务分类数据的解析及点击跳转

    十二、【Android项目实战 | 从零开始写app(十二)】实现app首页智慧服务&热门推荐&热门主题、新闻

    十三、【Android项目实战 | 从零开始写app(十三)】实现用户中心模块清除token退出登录&信息修改等功能

    十四、【Android项目实战 | 从零开始写app(十四)】实现图片发布模块 | 必知必会之调用系统相机拍照、相册

    十五、【Android项目实战 | 从零开始写app(教程汇总)】Android 项目实战系列汇总、源代码


    实现前提

    设置,java编译版本,防止编译出错,右键app–Open Module Settings ,设置如下
    在这里插入图片描述
    加载banner依赖,再sycn一下:

    implementation 'com.youth.banner:banner:2.1.0'
    

    功能实现逻辑

    我的大部分数据都是从服务端解析的,根据服务端返回的轮播图数据创建对应的实体类

    在这里插入图片描述

    BannerBean.class:

    package com.example.myapp.bean;
    
    import java.util.List;
    
    /**
     * @ProjectName: MyApp
     * @Package: com.example.myapp.bean
     * @ClassName: BannerBean
     * @Description:
     * @Author: liyingxia
     * @CreateDate: 2021/4/18 8:58
     */
    public class BannerBean {
        /**
         * total : 4
         * rows : [{"id":10,"imgUrl":"/profile/home2.png","type":"45","createTime":"2020-10-12T22:55:17.000+0800","sort":"2","display":"N"},{"id":11,"imgUrl":"/profile/home3.png","type":"45","createTime":"2020-10-12T22:55:17.000+0800","sort":"3","display":"N"},{"id":12,"imgUrl":"/profile/home4.png","type":"45","createTime":"2020-10-12T22:55:17.000+0800","sort":"4","display":"N"},{"id":13,"imgUrl":"/profile/home1.png","type":"45","createTime":"2020-10-12T22:55:17.000+0800","sort":"1","display":"N"}]
         * code : 200
         * msg : 查询成功
         */
    
        private int total;
        private int code;
        private String msg;
        private List<RowsDTO> rows;
    
        public int getTotal() {
            return total;
        }
    
        public void setTotal(int total) {
            this.total = total;
        }
    
        public int getCode() {
            return code;
        }
    
        public void setCode(int code) {
            this.code = code;
        }
    
        public String getMsg() {
            return msg;
        }
    
        public void setMsg(String msg) {
            this.msg = msg;
        }
    
        public List<RowsDTO> getRows() {
            return rows;
        }
    
        public void setRows(List<RowsDTO> rows) {
            this.rows = rows;
        }
    
    
        public static class RowsDTO {
            /**
             * id : 10
             * imgUrl : /profile/home2.png
             * type : 45
             * createTime : 2020-10-12T22:55:17.000+0800
             * sort : 2
             * display : N
             */
    
    
            private int id;
    
            private String imgUrl;
    
            private String type;
    
            private String createTime;
    
            private String sort;
    
            private String display;
    
            public int getId() {
                return id;
            }
    
            public void setId(int id) {
                this.id = id;
            }
    
            public String getImgUrl() {
                return imgUrl;
            }
    
            public void setImgUrl(String imgUrl) {
                this.imgUrl = imgUrl;
            }
    
            public String getType() {
                return type;
            }
    
            public void setType(String type) {
                this.type = type;
            }
    
            public String getCreateTime() {
                return createTime;
            }
    
            public void setCreateTime(String createTime) {
                this.createTime = createTime;
            }
    
            public String getSort() {
                return sort;
            }
    
            public void setSort(String sort) {
                this.sort = sort;
            }
    
            public String getDisplay() {
                return display;
            }
    
            public void setDisplay(String display) {
                this.display = display;
            }
    
            public RowsDTO(String imgUrl, String type) {
                this.imgUrl = imgUrl;
                this.type = type;
            }
    
            @Override
            public String toString() {
                return "RowsDTO{" +
                        "id=" + id +
                        ", imgUrl='" + imgUrl + '\'' +
                        ", type='" + type + '\'' +
                        ", createTime='" + createTime + '\'' +
                        ", sort='" + sort + '\'' +
                        ", display='" + display + '\'' +
                        '}';
            }
        }
    }
    
    

    FragmentHome

    修改FragmentHome中的代码为如下:

    package com.example.myapp.fragment;
    
    import android.content.Intent;
    import android.os.Bundle;
    import android.util.Log;
    import android.view.KeyEvent;
    import android.view.View;
    import android.view.inputmethod.EditorInfo;
    import android.widget.EditText;
    import android.widget.TextView;
    
    import com.bumptech.glide.Glide;
    import com.bumptech.glide.load.resource.bitmap.RoundedCorners;
    import com.bumptech.glide.request.RequestOptions;
    import com.example.myapp.R;
    import com.example.myapp.activity.BannerWebView;
    import com.example.myapp.activity.NewSearchActivity;
    import com.example.myapp.bean.BannerBean;
    import com.youth.banner.Banner;
    import com.youth.banner.adapter.BannerImageAdapter;
    import com.youth.banner.holder.BannerImageHolder;
    import com.youth.banner.indicator.CircleIndicator;
    import com.youth.banner.listener.OnBannerListener;
    
    import java.util.ArrayList;
    import java.util.List;
    
    /**
     * @ProjectName: MyApp
     * @Package: com.example.myapp.fragment
     * @ClassName: HomeFragment
     * @Description:
     * @Author: liyingxia
     * @CreateDate: 2021/4/13 21:34
     */
    public class HomeFragment extends BaseFragment {
        private static final String TAG = HomeFragment.class.getSimpleName();
        private Banner banner;
        private EditText edt_search;
        private List<BannerBean.RowsDTO> list;
    
    
        @Override
        public View initView() {
            Log.i(TAG, "首页的视图被实例化了");
            View view = View.inflate(getActivity(), R.layout.fragment_home, null);
            banner = (Banner) view.findViewById(R.id.banner);
            edt_search = (EditText) view.findViewById(