Android实战-智慧城市(2)

发表于 分类于 本文字数： 53k
Android开发赛项实战开发

续上回，Android实战-智慧城市

软件设计

主页面

    主页面是个大工程，首先用ViewPager2+Fragment的方式实现了4页切换，与引导页不同的是每页有一个单独的Fragment页面，底部的四个按钮与四个页面相呼应

智慧城市页

    算是HomeActivity的4个Fragment中最复杂的一个，从题目要求中可以看出，该页需要加载 轮播图、推荐服务、专题、新闻分类四个模块，妈的，难搞

创建轮播图的适配器

    轮播图使用了Banner插件2.2.2版本，具体引入方式前面已经说过，简单使用方式可以看之前博客中写过的例子，Banner的GitHub地址
    创建轮播图的适配器MyBannerAdapter.java继承BannerAdapter，BannerAdapter是一个泛型类，如果只想实现一些简单的功能，也可以直接在HomeFragemnt0的代码中使用默认的适配器new BannerImageAdapter<>()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
package com.SmartCity.Home;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.bumptech.glide.Glide;
import com.youth.banner.adapter.BannerAdapter;

import java.util.List;

public class MyBannerAdapter extends BannerAdapter<String,MyBannerAdapter.MyViewHolder> {
    private List<String> datas;//传入的图片url集合
    private Context context;

    public MyBannerAdapter(List<String> datas, Context context) {
        super(datas);
        this.datas = datas;//它的长度直接决定了轮播图的item个数
        this.context = context;
    }

    @Override
//    传入布局
    public MyViewHolder onCreateHolder(ViewGroup parent, int viewType) {
//        创建ImageView并设置大小
        ImageView imageView = new ImageView(context);
        imageView.setLayoutParams(new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT
        ));
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);//设置剪裁方式
//        传递给ViewHolder
        return new MyViewHolder(imageView);
    }

//    绑定事件
    @Override
    public void onBindView(MyViewHolder holder, String data, int position, int size) {
        Glide.with(context).load(data).into(holder.imageView);
    }

    public class MyViewHolder extends RecyclerView.ViewHolder {
        private ImageView imageView;
        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView = (ImageView) itemView;
        }
    }
}

轮播图数据的反序列化对象

    用于对请求到的轮播图json内容反序列化
    NewsBannerBean.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
package com.SmartCity.Home;

import java.util.List;

public class NewsBannerBean {

    private int total;
    private List<RowsBean> rows;
    private int code;
    private String msg;

    public int getTotal() {
        return total;
    }

    public void setTotal(int total) {
        this.total = total;
    }

    public List<RowsBean> getRows() {
        return rows;
    }

    public void setRows(List<RowsBean> rows) {
        this.rows = rows;
    }

    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 static class RowsBean {
        private Object searchValue;
        private String createBy;
        private String createTime;
        private String updateBy;
        private String updateTime;
        private Object remark;
        private ParamsBean params;
        private int id;
        private String appType;
        private String status;
        private int sort;
        private String advTitle;
        private String advImg;
        private String servModule;
        private int targetId;
        private String type;

        public Object getSearchValue() {
            return searchValue;
        }

        public void setSearchValue(Object searchValue) {
            this.searchValue = searchValue;
        }

        public String getCreateBy() {
            return createBy;
        }

        public void setCreateBy(String createBy) {
            this.createBy = createBy;
        }

        public String getCreateTime() {
            return createTime;
        }

        public void setCreateTime(String createTime) {
            this.createTime = createTime;
        }

        public String getUpdateBy() {
            return updateBy;
        }

        public void setUpdateBy(String updateBy) {
            this.updateBy = updateBy;
        }

        public String getUpdateTime() {
            return updateTime;
        }

        public void setUpdateTime(String updateTime) {
            this.updateTime = updateTime;
        }

        public Object getRemark() {
            return remark;
        }

        public void setRemark(Object remark) {
            this.remark = remark;
        }

        public ParamsBean getParams() {
            return params;
        }

        public void setParams(ParamsBean params) {
            this.params = params;
        }

        public int getId() {
            return id;
        }

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

        public String getAppType() {
            return appType;
        }

        public void setAppType(String appType) {
            this.appType = appType;
        }

        public String getStatus() {
            return status;
        }

        public void setStatus(String status) {
            this.status = status;
        }

        public int getSort() {
            return sort;
        }

        public void setSort(int sort) {
            this.sort = sort;
        }

        public String getAdvTitle() {
            return advTitle;
        }

        public void setAdvTitle(String advTitle) {
            this.advTitle = advTitle;
        }

        public String getAdvImg() {
            return advImg;
        }

        public void setAdvImg(String advImg) {
            this.advImg = advImg;
        }

        public String getServModule() {
            return servModule;
        }

        public void setServModule(String servModule) {
            this.servModule = servModule;
        }

        public int getTargetId() {
            return targetId;
        }

        public void setTargetId(int targetId) {
            this.targetId = targetId;
        }

        public String getType() {
            return type;
        }

        public void setType(String type) {
            this.type = type;
        }

        public static class ParamsBean {
        }
    }
}

全部服务的反序列化对象类

    取“全部服务”中“推荐服务”的图标
    ServiceBean.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
package com.SmartCity.Home;

import java.util.List;

public class ServiceBean {

    private int total;
    private List<RowsBean> rows;
    private int code;
    private String msg;

    public int getTotal() {
        return total;
    }

    public void setTotal(int total) {
        this.total = total;
    }

    public List<RowsBean> getRows() {
        return rows;
    }

    public void setRows(List<RowsBean> rows) {
        this.rows = rows;
    }

    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 static class RowsBean {
        private Object searchValue;
        private Object createBy;
        private String createTime;
        private Object updateBy;
        private String updateTime;
        private Object remark;
        private ParamsBean params;
        private int id;
        private String serviceName;
        private String serviceDesc;
        private String serviceType;
        private String imgUrl;
        private int pid;
        private String link;
        private int sort;
        private String isRecommend;

        public Object getSearchValue() {
            return searchValue;
        }

        public void setSearchValue(Object searchValue) {
            this.searchValue = searchValue;
        }

        public Object getCreateBy() {
            return createBy;
        }

        public void setCreateBy(Object createBy) {
            this.createBy = createBy;
        }

        public String getCreateTime() {
            return createTime;
        }

        public void setCreateTime(String createTime) {
            this.createTime = createTime;
        }

        public Object getUpdateBy() {
            return updateBy;
        }

        public void setUpdateBy(Object updateBy) {
            this.updateBy = updateBy;
        }

        public String getUpdateTime() {
            return updateTime;
        }

        public void setUpdateTime(String updateTime) {
            this.updateTime = updateTime;
        }

        public Object getRemark() {
            return remark;
        }

        public void setRemark(Object remark) {
            this.remark = remark;
        }

        public ParamsBean getParams() {
            return params;
        }

        public void setParams(ParamsBean params) {
            this.params = params;
        }

        public int getId() {
            return id;
        }

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

        public String getServiceName() {
            return serviceName;
        }

        public void setServiceName(String serviceName) {
            this.serviceName = serviceName;
        }

        public String getServiceDesc() {
            return serviceDesc;
        }

        public void setServiceDesc(String serviceDesc) {
            this.serviceDesc = serviceDesc;
        }

        public String getServiceType() {
            return serviceType;
        }

        public void setServiceType(String serviceType) {
            this.serviceType = serviceType;
        }

        public String getImgUrl() {
            return imgUrl;
        }

        public void setImgUrl(String imgUrl) {
            this.imgUrl = imgUrl;
        }

        public int getPid() {
            return pid;
        }

        public void setPid(int pid) {
            this.pid = pid;
        }

        public String getLink() {
            return link;
        }

        public void setLink(String link) {
            this.link = link;
        }

        public int getSort() {
            return sort;
        }

        public void setSort(int sort) {
            this.sort = sort;
        }

        public String getIsRecommend() {
            return isRecommend;
        }

        public void setIsRecommend(String isRecommend) {
            this.isRecommend = isRecommend;
        }

        public static class ParamsBean {
        }
    }
}

新闻类型的反序列化对象类

    一共有6个固定的类型，这里使用新闻类型反序列化对象的目的主要是得到每个类型对应的类型id
    NewsTypeBean.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
package com.SmartCity.Home;

import java.util.List;

public class NewsTypeBean {

    private String msg;
    private int code;
    private List<DataBean> data;

    public String getMsg() {
        return msg;
    }

    public void setMsg(String msg) {
        this.msg = msg;
    }

    public int getCode() {
        return code;
    }

    public void setCode(int code) {
        this.code = code;
    }

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

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

    public static class DataBean {
        private Object searchValue;
        private Object createBy;
        private Object createTime;
        private Object updateBy;
        private Object updateTime;
        private Object remark;
        private ParamsBean params;
        private int id;
        private String appType;
        private String name;
        private int sort;
        private String status;
        private Object parentId;

        public Object getSearchValue() {
            return searchValue;
        }

        public void setSearchValue(Object searchValue) {
            this.searchValue = searchValue;
        }

        public Object getCreateBy() {
            return createBy;
        }

        public void setCreateBy(Object createBy) {
            this.createBy = createBy;
        }

        public Object getCreateTime() {
            return createTime;
        }

        public void setCreateTime(Object createTime) {
            this.createTime = createTime;
        }

        public Object getUpdateBy() {
            return updateBy;
        }

        public void setUpdateBy(Object updateBy) {
            this.updateBy = updateBy;
        }

        public Object getUpdateTime() {
            return updateTime;
        }

        public void setUpdateTime(Object updateTime) {
            this.updateTime = updateTime;
        }

        public Object getRemark() {
            return remark;
        }

        public void setRemark(Object remark) {
            this.remark = remark;
        }

        public ParamsBean getParams() {
            return params;
        }

        public void setParams(ParamsBean params) {
            this.params = params;
        }

        public int getId() {
            return id;
        }

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

        public String getAppType() {
            return appType;
        }

        public void setAppType(String appType) {
            this.appType = appType;
        }

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }

        public int getSort() {
            return sort;
        }

        public void setSort(int sort) {
            this.sort = sort;
        }

        public String getStatus() {
            return status;
        }

        public void setStatus(String status) {
            this.status = status;
        }

        public Object getParentId() {
            return parentId;
        }

        public void setParentId(Object parentId) {
            this.parentId = parentId;
        }

        public static class ParamsBean {
        }
    }
}

新闻列表的反序列化对象

    所有新闻的列表，包括新闻的id、标题等都在里边
    NewsContentBean.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
package com.SmartCity.Home;

import java.util.List;

//新闻列表
public class NewsContentBean {

    private int total;
    private List<RowsBean> rows;
    private int code;
    private String msg;

    public int getTotal() {
        return total;
    }

    public void setTotal(int total) {
        this.total = total;
    }

    public List<RowsBean> getRows() {
        return rows;
    }

    public void setRows(List<RowsBean> rows) {
        this.rows = rows;
    }

    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 static class RowsBean {
        private Object searchValue;
        private String createBy;
        private String createTime;
        private String updateBy;
        private String updateTime;
        private Object remark;
        private ParamsBean params;
        private int id;
        private String appType;
        private String cover;
        private String title;
        private Object subTitle;
        private String content;
        private String status;
        private String publishDate;
        private Object tags;
        private int commentNum;
        private int likeNum;
        private int readNum;
        private String type;
        private String top;
        private String hot;

        public Object getSearchValue() {
            return searchValue;
        }

        public void setSearchValue(Object searchValue) {
            this.searchValue = searchValue;
        }

        public String getCreateBy() {
            return createBy;
        }

        public void setCreateBy(String createBy) {
            this.createBy = createBy;
        }

        public String getCreateTime() {
            return createTime;
        }

        public void setCreateTime(String createTime) {
            this.createTime = createTime;
        }

        public String getUpdateBy() {
            return updateBy;
        }

        public void setUpdateBy(String updateBy) {
            this.updateBy = updateBy;
        }

        public String getUpdateTime() {
            return updateTime;
        }

        public void setUpdateTime(String updateTime) {
            this.updateTime = updateTime;
        }

        public Object getRemark() {
            return remark;
        }

        public void setRemark(Object remark) {
            this.remark = remark;
        }

        public ParamsBean getParams() {
            return params;
        }

        public void setParams(ParamsBean params) {
            this.params = params;
        }

        public int getId() {
            return id;
        }

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

        public String getAppType() {
            return appType;
        }

        public void setAppType(String appType) {
            this.appType = appType;
        }

        public String getCover() {
            return cover;
        }

        public void setCover(String cover) {
            this.cover = cover;
        }

        public String getTitle() {
            return title;
        }

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

        public Object getSubTitle() {
            return subTitle;
        }

        public void setSubTitle(Object subTitle) {
            this.subTitle = subTitle;
        }

        public String getContent() {
            return content;
        }

        public void setContent(String content) {
            this.content = content;
        }

        public String getStatus() {
            return status;
        }

        public void setStatus(String status) {
            this.status = status;
        }

        public String getPublishDate() {
            return publishDate;
        }

        public void setPublishDate(String publishDate) {
            this.publishDate = publishDate;
        }

        public Object getTags() {
            return tags;
        }

        public void setTags(Object tags) {
            this.tags = tags;
        }

        public int getCommentNum() {
            return commentNum;
        }

        public void setCommentNum(int commentNum) {
            this.commentNum = commentNum;
        }

        public int getLikeNum() {
            return likeNum;
        }

        public void setLikeNum(int likeNum) {
            this.likeNum = likeNum;
        }

        public int getReadNum() {
            return readNum;
        }

        public void setReadNum(int readNum) {
            this.readNum = readNum;
        }

        public String getType() {
            return type;
        }

        public void setType(String type) {
            this.type = type;
        }

        public String getTop() {
            return top;
        }

        public void setTop(String top) {
            this.top = top;
        }

        public String getHot() {
            return hot;
        }

        public void setHot(String hot) {
            this.hot = hot;
        }

        public static class ParamsBean {
        }
    }
}

重写ScrollView

    创建MyScrollView.java类继承ScrollView；通过重写ScrollView的onLayout和dispatchDraw，拿到ScrolloView的唯一子view，从它的唯一子view中遍历得到fixNavBar，并在ScrollView滑动的过程中判断fixNavBar是否到达顶部，当它到达顶部时，使RecyclerView允许滑动(默认禁止)，并绘制fixNavBar在窗口的顶部；当他没有位于顶部时，则禁用ScrollView的滑动
    MyScrollView.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
package com.SmartCity.Home;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.Toast;

public class MyScrollView extends ScrollView {
    public MyScrollView(Context context) {
        super(context);
    }

    public MyScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    private View view;//储存fixNavBar

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        if (changed){
//            ScrollView的子View(ScrollView只能有一个子view)
            LinearLayout layout = (LinearLayout) getChildAt(0);
            if (layout != null){
//                判断fixNavBar是否在layout中
                for (int i = 0; i < layout.getChildCount(); i++) {
                    if (layout.getChildAt(i).getTag() != null && layout.getChildAt(i).getTag().equals("fixNavBar")){
                        view = layout.getChildAt(i);
                        break;
                    }
                }
            }
            else {
                Toast.makeText(getContext(),"ScrollView没有子View",Toast.LENGTH_SHORT).show();
            }
        }
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);
//        Log.d("TAG", "dispatchDraw: getScaleY():" + getScrollY() + ",view.getTop():" + view.getTop() + ",onFixNavBarLintener:" + onFixNavBarLintener);
        if (getScrollY() >= view.getTop()){
//            说明滑动到了顶部
            if (onFixNavBarLintener != null){
                Log.d("TAG", "dispatchDraw: NavBar固定");
                onFixNavBarLintener.OnFix();
//                绘制fixNavBar
                canvas.save();
                canvas.translate(0,getScrollY());
                canvas.clipRect(0,0,view.getMeasuredWidth(),view.getMeasuredHeight());
                view.draw(canvas);
                canvas.restore();
            }
        }
        else {
            if (onFixNavBarLintener != null){
                Log.d("TAG", "dispatchDraw: NavBar解除");
                onFixNavBarLintener.OnReset();
            }
        }
    }

    private OnFixNavBarLintener onFixNavBarLintener;

    public void setOnFixNavBarLintener(OnFixNavBarLintener onFixNavBarLintener){
        this.onFixNavBarLintener = onFixNavBarLintener;
    }

    public interface OnFixNavBarLintener{
        void OnFix();
        void OnReset();
    }
}

新闻列表的适配器

    显示新闻列表，动态加载封面图，点击item对返回对应的新闻id
    Home0NewsAdapter.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
package com.SmartCity.Home;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.SmartCity.R;
import com.SmartCity.SoftData;
import com.bumptech.glide.Glide;

import java.util.List;

public class Home0NewsAdapter extends RecyclerView.Adapter<Home0NewsAdapter.MyViewHolder> {
    private List<String> newsCover;
    private List<String> newsTitle;
    private Context context;

    public Home0NewsAdapter(List<String> newsCover,List<String> newsTitle,Context context){
        this.newsCover = newsCover;
        this.newsTitle = newsTitle;
        this.context = context;
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.fragment_home0_news_item,parent,false);
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        Glide.with(context).load("http://" + SoftData.ipPort + newsCover.get(position)).into(holder.cover);
        holder.title.setText(newsTitle.get(position));
    }

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

    public class MyViewHolder extends RecyclerView.ViewHolder {
        private ImageView cover;
        private TextView title;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            cover = itemView.findViewById(R.id.cover);
            title = itemView.findViewById(R.id.title);
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (onItemLintener != null){
                        onItemLintener.OnItemClick(getAbsoluteAdapterPosition());
                    }
                }
            });
        }
    }

    private OnItemLintener onItemLintener;

    public void setOnItemLintener(OnItemLintener onItemLintener) {
        this.onItemLintener = onItemLintener;
    }

    public interface OnItemLintener{
        void OnItemClick(int position);
    }
}

页面设计及功能实现

    上面的准备工作都做完了，然后就是对智慧城市页的开发

智慧城市页页面布局

    这一页主要分4大块，轮播图、推荐服务、专题、新闻分类，布局可以说是整个App中最复杂的一页；这里的MyScrollView继承重写了ScrollView，所以view中是它的完整类名
    fragment_home0.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:tools="http://schemas.android.com/tools"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:background="@color/darker_gray"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <com.SmartCity.Home.MyScrollView
        android:id="@+id/myScrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <!--    轮播图-->
            <com.youth.banner.Banner
                android:layout_margin="10dp"
                android:background="@color/white"
                android:id="@+id/banner"
                android:layout_width="match_parent"
                android:layout_height="160dp"/>
            <!--    推荐服务-->
            <LinearLayout
                android:orientation="vertical"
                android:background="@color/white"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:text="推荐服务"
                    android:layout_marginLeft="10dp"
                    android:textColor="@color/black"
                    android:textSize="16sp"
                    android:layout_marginTop="10dp"
                    android:layout_marginBottom="5dp"
                    android:textStyle="bold"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="10dp" />
                <View
                    android:background="@color/darker_gray"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"/>
                <LinearLayout
                    android:orientation="horizontal"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">
                    <LinearLayout
                        android:layout_weight="1"
                        android:layout_width="0dp"
                        android:gravity="center"
                        android:id="@+id/serviceBtn0"
                        android:orientation="vertical"
                        android:layout_height="match_parent">
                        <ImageView
                            android:layout_marginTop="10dp"
                            android:layout_width="38dp"
                            android:layout_height="38dp"/>
                        <TextView
                            android:text="name"
                            android:textSize="13dp"
                            android:textColor="@color/black"
                            android:layout_marginTop="5dp"
                            android:layout_marginBottom="10dp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
                    </LinearLayout>
                    <LinearLayout
                        android:layout_weight="1"
                        android:layout_width="0dp"
                        android:gravity="center"
                        android:id="@+id/serviceBtn1"
                        android:orientation="vertical"
                        android:layout_height="match_parent">
                        <ImageView
                            android:layout_marginTop="10dp"
                            android:layout_width="38dp"
                            android:layout_height="38dp"/>
                        <TextView
                            android:text="name"
                            android:textSize="13dp"
                            android:textColor="@color/black"
                            android:layout_marginTop="5dp"
                            android:layout_marginBottom="10dp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
                    </LinearLayout>
                    <LinearLayout
                        android:layout_weight="1"
                        android:layout_width="0dp"
                        android:gravity="center"
                        android:id="@+id/serviceBtn2"
                        android:orientation="vertical"
                        android:layout_height="match_parent">
                        <ImageView
                            android:layout_marginTop="10dp"
                            android:layout_width="38dp"
                            android:layout_height="38dp"/>
                        <TextView
                            android:text="name"
                            android:textSize="13dp"
                            android:textColor="@color/black"
                            android:layout_marginTop="5dp"
                            android:layout_marginBottom="10dp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
                    </LinearLayout>
                    <LinearLayout
                        android:layout_weight="1"
                        android:layout_width="0dp"
                        android:gravity="center"
                        android:id="@+id/serviceBtn3"
                        android:orientation="vertical"
                        android:layout_height="match_parent">
                        <ImageView
                            android:layout_marginTop="10dp"
                            android:layout_width="38dp"
                            android:layout_height="38dp"/>
                        <TextView
                            android:text="name"
                            android:textSize="13dp"
                            android:textColor="@color/black"
                            android:layout_marginTop="5dp"
                            android:layout_marginBottom="10dp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
                    </LinearLayout>
                    <LinearLayout
                        android:layout_weight="1"
                        android:layout_width="0dp"
                        android:gravity="center"
                        android:id="@+id/serviceBtn4"
                        android:orientation="vertical"
                        android:layout_height="match_parent">
                        <ImageView
                            android:layout_marginTop="10dp"
                            android:layout_width="38dp"
                            android:layout_height="38dp"/>
                        <TextView
                            android:text="name"
                            android:layout_marginTop="5dp"
                            android:layout_marginBottom="10dp"
                            android:textSize="13dp"
                            android:textColor="@color/black"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
                    </LinearLayout>
                </LinearLayout>
            </LinearLayout>
            <!--    专题-->
            <TextView
                android:text="专题"
                android:layout_marginLeft="10dp"
                android:textColor="@color/black"
                android:textSize="16sp"
                android:layout_marginTop="10dp"
                android:textStyle="bold"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="10dp" />
            <GridLayout
                android:rowCount="2"
                android:columnCount="2"
                android:layout_margin="5dp"
                android:layout_width="match_parent"
                android:id="@+id/themeBtnGroup"
                android:layout_height="200dp">
                <androidx.cardview.widget.CardView
                    android:layout_rowWeight="1"
                    android:layout_columnWeight="1"
                    app:cardCornerRadius="5dp"
                    android:layout_margin="5dp"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    tools:targetApi="lollipop">
                    <LinearLayout
                        android:background="@color/white"
                        android:orientation="horizontal"
                        android:id="@+id/themeBtn0"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">
                        <ImageView
                            android:scaleType="centerCrop"
                            android:layout_width="90dp"
                            android:layout_height="90dp"/>
                        <TextView
                            android:gravity="center_vertical"
                            android:ellipsize="end"
                            android:textSize="15sp"
                            android:lines="3"
                            android:textColor="@color/black"
                            android:layout_margin="5dp"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"/>
                    </LinearLayout>
                </androidx.cardview.widget.CardView>
                <androidx.cardview.widget.CardView
                    android:layout_rowWeight="1"
                    android:layout_columnWeight="1"
                    app:cardCornerRadius="5dp"
                    android:layout_margin="5dp"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    tools:targetApi="lollipop">
                    <LinearLayout
                        android:background="@color/white"
                        android:id="@+id/themeBtn1"
                        android:orientation="horizontal"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">
                        <ImageView
                            android:scaleType="centerCrop"
                            android:layout_width="90dp"
                            android:layout_height="90dp"/>
                        <TextView
                            android:gravity="center_vertical"
                            android:ellipsize="end"
                            android:textSize="15sp"
                            android:lines="3"
                            android:textColor="@color/black"
                            android:layout_margin="5dp"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"/>
                    </LinearLayout>
                </androidx.cardview.widget.CardView>
                <androidx.cardview.widget.CardView
                    android:layout_rowWeight="1"
                    android:layout_columnWeight="1"
                    app:cardCornerRadius="5dp"
                    android:layout_margin="5dp"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    tools:targetApi="lollipop">
                    <LinearLayout
                        android:background="@color/white"
                        android:orientation="horizontal"
                        android:id="@+id/themeBtn2"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">
                        <ImageView
                            android:scaleType="centerCrop"
                            android:layout_width="90dp"
                            android:layout_height="90dp"/>
                        <TextView
                            android:gravity="center_vertical"
                            android:ellipsize="end"
                            android:textSize="15sp"
                            android:lines="3"
                            android:textColor="@color/black"
                            android:layout_margin="5dp"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"/>
                    </LinearLayout>
                </androidx.cardview.widget.CardView>
                <androidx.cardview.widget.CardView
                    android:layout_rowWeight="1"
                    android:layout_columnWeight="1"
                    app:cardCornerRadius="5dp"
                    android:layout_margin="5dp"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    tools:targetApi="lollipop">
                    <LinearLayout
                        android:background="@color/white"
                        android:orientation="horizontal"
                        android:id="@+id/themeBtn3"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">
                        <ImageView
                            android:scaleType="centerCrop"
                            android:layout_width="90dp"
                            android:layout_height="90dp"/>
                        <TextView
                            android:gravity="center_vertical"
                            android:ellipsize="end"
                            android:textSize="15sp"
                            android:lines="3"
                            android:textColor="@color/black"
                            android:layout_margin="5dp"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"/>
                    </LinearLayout>
                </androidx.cardview.widget.CardView>
            </GridLayout>
<!--            新闻列表-->
            <LinearLayout
                android:orientation="vertical"
                android:id="@+id/fixNavBar"
                android:tag="fixNavBar"
                android:layout_width="match_parent"
                android:layout_height="60dp">
                <HorizontalScrollView
                    android:scrollbars="none"
                    android:id="@+id/newsTypeGroup"
                    android:background="@color/white"
                    android:layout_width="match_parent"
                    android:layout_height="59dp">
                    <LinearLayout
                        android:orientation="horizontal"
                        android:gravity="center_vertical"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">
                        <TextView
                            android:gravity="center"
                            android:textColor="@color/black"
                            android:textSize="15sp"
                            android:id="@+id/newsType0"
                            android:paddingLeft="10dp"
                            android:paddingRight="10dp"
                            android:textStyle="bold"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"/>
                        <View
                            android:background="@color/darker_gray"
                            android:layout_width="1dp"
                            android:layout_marginTop="10dp"
                            android:layout_marginBottom="10dp"
                            android:layout_height="match_parent"/>
                        <TextView
                            android:gravity="center"
                            android:textColor="@color/black"
                            android:id="@+id/newsType1"
                            android:textSize="15sp"
                            android:paddingLeft="10dp"
                            android:paddingRight="10dp"
                            android:textStyle="bold"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"/>
                        <View
                            android:background="@color/darker_gray"
                            android:layout_width="1dp"
                            android:layout_marginTop="10dp"
                            android:layout_marginBottom="10dp"
                            android:layout_height="match_parent"/>
                        <TextView
                            android:gravity="center"
                            android:textColor="@color/black"
                            android:id="@+id/newsType2"
                            android:textSize="15sp"
                            android:paddingLeft="10dp"
                            android:paddingRight="10dp"
                            android:textStyle="bold"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"/>
                        <View
                            android:background="@color/darker_gray"
                            android:layout_width="1dp"
                            android:layout_marginTop="10dp"
                            android:layout_marginBottom="10dp"
                            android:layout_height="match_parent"/>
                        <TextView
                            android:gravity="center"
                            android:textColor="@color/black"
                            android:id="@+id/newsType3"
                            android:textSize="15sp"
                            android:paddingLeft="10dp"
                            android:paddingRight="10dp"
                            android:textStyle="bold"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"/>
                        <View
                            android:background="@color/darker_gray"
                            android:layout_width="1dp"
                            android:layout_marginTop="10dp"
                            android:layout_marginBottom="10dp"
                            android:layout_height="match_parent"/>
                        <TextView
                            android:gravity="center"
                            android:textColor="@color/black"
                            android:id="@+id/newsType4"
                            android:textSize="15sp"
                            android:paddingLeft="10dp"
                            android:paddingRight="10dp"
                            android:textStyle="bold"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"/>
                        <View
                            android:background="@color/darker_gray"
                            android:layout_width="1dp"
                            android:layout_marginTop="10dp"
                            android:layout_marginBottom="10dp"
                            android:layout_height="match_parent"/>
                        <TextView
                            android:gravity="center"
                            android:textColor="@color/black"
                            android:id="@+id/newsType5"
                            android:textSize="15sp"
                            android:paddingLeft="10dp"
                            android:paddingRight="10dp"
                            android:textStyle="bold"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"/>
                    </LinearLayout>
                </HorizontalScrollView>
                <View
                    android:background="@color/darker_gray"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"/>
            </LinearLayout>
            <androidx.recyclerview.widget.RecyclerView
                android:background="@color/white"
                android:paddingRight="10dp"
                android:paddingLeft="10dp"
                android:id="@+id/recyclerView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
        </LinearLayout>
    </com.SmartCity.Home.MyScrollView>
</LinearLayout>
智慧城市页程序设计

    Banner轮播图：使用了banner2.2.2插件加载轮播图，通过重写banner的适配器，在适配器中使用Glide动态加载轮播图图片
    推荐服务：推荐服务虽然是固定的6个服务项，但是要通过网络获取他们对应的图标，所以向全部服务列表发送请求，得到对应的图标并使用Glide动态加载；推荐服务当前点击只提示服务名，等待对应服务开发完毕后再响应intent跳转
    专题：专题和新闻列表使用了同一个反序列化对象，这里没有兼容ipad，可以通过设置GridLayout的row和cul使其发生布局变化；专题当前点击仅提示点击的文章id，等文章显示页面开发完毕之后再响应intent跳转
    新闻分类：难就难在ScrollView嵌套RecyclerView中的导航栏固定，需要重写ScrollView，新闻列表当前点击仅提示点击的文章id，等文章显示页面开发完毕之后再响应intent跳转
    HomeFragment0.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
package com.SmartCity.Home;

import android.os.Bundle;

import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.DividerItemDecoration;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Handler;
import android.os.Looper;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.GridLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.SmartCity.MyHttpRequest;
import com.SmartCity.R;
import com.SmartCity.SoftData;
import com.bumptech.glide.Glide;
import com.youth.banner.Banner;
import com.youth.banner.indicator.CircleIndicator;
import com.youth.banner.listener.OnBannerListener;

import java.util.ArrayList;
import java.util.List;

public class HomeFragment0 extends Fragment implements View.OnClickListener {
    private static final String TAG = "HomeFragment0";
    private View viewRoot;//页面布局
    private Banner banner;//轮播图
    private RecyclerView recyclerView;//新闻分类列表
    private GridLayout themeBtnGroup;//专题菜单按钮的父view
    private Handler handler;//handler线程通信
    private MyScrollView myScrollView;//滑动布局
    private ServiceBean serviceBean;//服务的反序列化对象
    private NewsBannerBean newsBannerBean;//轮播图的反序列化对象
    private NewsContentBean newsContentBean;//新闻列表的反序列化对象
    private List<String> listNewsTitles,listNewsCovers;//分类列表中新闻封面和新闻标题
    private List<Integer> listNewsId;//分类列表中新闻id
    private List<String> newsBannerData = new ArrayList<>();//轮播图中的图片链接
    private TextView[] newsTypes = new TextView[6];//6个新闻分类
    private TextView newsType;//上个点击过的分类
    private LinearLayout[] themeBtns = new LinearLayout[4];//专题的4个按钮
    private LinearLayout[] serviceBtns = new LinearLayout[5];//服务菜单的五项
    private MyHttpRequest myHttpRequest = new MyHttpRequest();//封装的http请求
    private String[] serviceName = new String[]{"城市地铁","智慧巴士","门诊预约","停哪儿","智慧交管"};//推荐服务
    private List<String> newsTypeName = new ArrayList<>();//新闻分类的分类名
    private Home0NewsAdapter home0NewsAdapter;//新闻分类列表的适配器
    private NewsTypeBean newsTypeBean;//新闻分类列表的反序列化对象
    private boolean isFix = false;//fixNavBar的是否为悬浮状态

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        if (viewRoot == null){ viewRoot = inflater.inflate(R.layout.fragment_home0, container, false); }
        myHandler();//handler通信
        init();//初始化界面
        setScrollView();//设置滚动控件中的固定导航栏
        getBannerData();//获取Banner的数据
        getServiceData();//获取推荐服务的数据
        getThemeData();//获取专题和新闻分类中的数据
        submit();//设置监听
        return viewRoot;
    }

//    线程通信
    private void myHandler() {
        handler = new Handler(Looper.getMainLooper()){
            @Override
            public void handleMessage(@NonNull Message msg) {
                super.handleMessage(msg);
                if (msg.what == 1){
                    setBanner();//设置banner
                }
                else if (msg.what == 2){
                    setService();//设置推荐服务
                }
                else if (msg.what == 3){
                    setThemes();//设置专题
                    setNews(0);//设置新闻分类
                }
            }
        };
    }

//    设置banner
    private void setBanner() {
        if (newsBannerBean == null){
            Toast.makeText(getContext(),"Banner数据获取失败: 未知原因",Toast.LENGTH_SHORT).show();
        }
        else if (newsBannerBean.getCode() != 200){
            Toast.makeText(getContext(),"Banner数据获取失败: " + newsBannerBean.getMsg(),Toast.LENGTH_SHORT).show();
        }
        else {
//            实例化Banner的适配器
            MyBannerAdapter myBannerAdapter = new MyBannerAdapter(newsBannerData,getContext());
            banner.setAdapter(myBannerAdapter)
                    .isAutoLoop(true)//是否自动轮播
                    .setLoopTime(1500)//自动轮播切换间隔时间
                    .addBannerLifecycleObserver(this)//观察者
                    .setIndicator(new CircleIndicator(getContext()));//下面的小点
//            banner的点击事件
            banner.setOnBannerListener(new OnBannerListener() {
                @Override
                public void OnBannerClick(Object data, int position) {
//                    这里说要跳转到对应页面，却没有告诉对应哪里的页面，那怎么跳转？
                    Toast.makeText(getContext(),"position: " + position,Toast.LENGTH_SHORT).show();
                }
            });
        }
    }

//    设置推荐服务
    private void setService() {
        if (serviceBean == null){
            Toast.makeText(getContext(),"Banner数据获取失败: 未知原因",Toast.LENGTH_SHORT).show();
        }
        else if (serviceBean.getCode() != 200){
            Toast.makeText(getContext(),"Banner数据获取失败: " + newsBannerBean.getMsg(),Toast.LENGTH_SHORT).show();
        }
        else {
            for (int i = 0; i <serviceBean.getTotal(); i++){
                for (int j = 0; j < serviceName.length; j++){
                    if (serviceBean.getRows().get(i).getServiceName().equals(serviceName[j])){
//                        加载服务的图片
                        Glide.with(getContext()).load("http://" + SoftData.ipPort + serviceBean.getRows().get(i).getImgUrl()).into((ImageView) serviceBtns[i].getChildAt(0));
//                        加载服务的名字
                        ((TextView)serviceBtns[i].getChildAt(1)).setText(serviceName[j]);
                        serviceBtns[i].setTag(serviceName[j]);
                        break;
                    }
                }
            }
        }
    }

//    设置专题
    private void setThemes() {
        if (newsContentBean == null){
            Toast.makeText(getContext(),"专题数据获取失败: 未知原因",Toast.LENGTH_SHORT).show();
        }
        else if (newsContentBean.getCode() != 200){
            Toast.makeText(getContext(),"专题数据获取失败: " + newsContentBean.getMsg(),Toast.LENGTH_SHORT).show();
        }
        else {
            for (int i = 0; i < themeBtnGroup.getChildCount(); i++){
                int themeBtnId = newsContentBean.getRows().get(i).getId();//文章id
                String imageViewCover = "http://" + SoftData.ipPort + newsContentBean.getRows().get(i).getCover();//图片链接
                String textViewContent = setTextContent(newsContentBean.getRows().get(i).getContent());//文本中显示的内容
                ImageView imageView = (ImageView) themeBtns[i].getChildAt(0);//专题中的图片控件
                TextView textView = (TextView) themeBtns[i].getChildAt(1);//专题中的文本控件
                Glide.with(getContext()).load(imageViewCover).into(imageView);//Glide加载图片
                textView.setText(textViewContent);//设置内容
                themeBtns[i].setTag(themeBtnId);//设置标签为id值
            }
        }
    }

//    对专题中显示的的新闻内容进行处理
    private String setTextContent(String textViewContent){
        String temp = textViewContent.replaceAll(" ","");//去除空格
        String temp2 = temp.substring(temp.indexOf("<p>")+3,temp.length());//去除<p>标签
        return temp2;
    }

//    设置新闻列表
    private void setNews(int position) {
        if (newsTypeBean == null){
            Toast.makeText(getContext(),"新闻数据获取失败: 未知原因",Toast.LENGTH_SHORT).show();
        }
        else if (newsTypeBean.getCode() != 200){
            Toast.makeText(getContext(),"新闻数据获取失败: " + newsTypeBean.getMsg(),Toast.LENGTH_SHORT).show();
        }
        else {
            for (int i = 0; i < newsTypes.length; i++) {
                newsTypes[i].setText(newsTypeBean.getData().get(i).getName());//设置分类名显示
                newsTypes[i].setTag(String.valueOf(newsTypeBean.getData().get(i).getId()));//把分类的id添加到tag
            }
        }
//        设置被选中分类名的颜色，加载列表
        setNewsType(position);
    }

//    设置被选中分类名的颜色，加载列表
    private void setNewsType(int position) {
        if (newsType != null){
            newsType.setTextColor(getContext().getResources().getColor(R.color.black));
        }
        newsType = newsTypes[position];
        newsTypes[position].setTextColor(getContext().getResources().getColor(R.color.red));

//        加载列表
        setRecycler(position);
    }

    private void setRecycler(int position) {
        setList(position);//得到要显示的数据

        if (home0NewsAdapter == null){
//            设置列表高度
            int pxHeight = getContext().getResources().getDisplayMetrics().heightPixels;
            int delHeight = (int) (176 * getContext().getResources().getDisplayMetrics().density + 0.5f);
            recyclerView.getLayoutParams().height = pxHeight - delHeight;

//            设置RecyclerView的LayoutManager、设置Adapter
            LinearLayoutManager layoutManager = new LinearLayoutManager(getContext(),RecyclerView.VERTICAL,false);
            recyclerView.addItemDecoration(new DividerItemDecoration(getContext(),DividerItemDecoration.VERTICAL));//默认的分割线
            home0NewsAdapter = new Home0NewsAdapter(listNewsCovers,listNewsTitles,getContext());
            recyclerView.setLayoutManager(layoutManager);
            recyclerView.setAdapter(home0NewsAdapter);
            recyclerView.setNestedScrollingEnabled(false);//滑动状体初始是禁用
//            滑动监听
            recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
                @Override
                public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                    super.onScrolled(recyclerView, dx, dy);
//                    当recyclerView滑动到顶部时canScrollVertically(-1)返回false，禁用它的滑动
                    if (!recyclerView.canScrollVertically(-1)){
                        recyclerView.setNestedScrollingEnabled(false);
                    }
                }
            });
//            设置新闻分类列表的item单击事件
            home0NewsAdapter.setOnItemLintener(new Home0NewsAdapter.OnItemLintener() {
                @Override
                public void OnItemClick(int position) {
                    startNewsActivity(listNewsId.get(position));
                }
            });
        }
        else {
//            刷新列表
            home0NewsAdapter.notifyDataSetChanged();
        }
    }

    private void setList(int position) {
//        清空或创建
        if (listNewsTitles != null && listNewsCovers != null && listNewsId != null){
            listNewsTitles.clear();
            listNewsCovers.clear();
            listNewsId.clear();
        }
        else {
            listNewsTitles = new ArrayList<>();
            listNewsCovers = new ArrayList<>();
            listNewsId = new ArrayList<>();
        }

//        拿到数据
        for (int i = 0; i < newsContentBean.getTotal(); i++) {
            String type = newsContentBean.getRows().get(i).getType();
            String string = newsTypes[position].getTag().toString();
            if (type.equals(string)){
                listNewsTitles.add(newsContentBean.getRows().get(i).getTitle());
                listNewsCovers.add(newsContentBean.getRows().get(i).getCover());
                listNewsId.add(newsContentBean.getRows().get(i).getId());
            }
        }
    }

//    启动新闻内容显示页面
    private void startNewsActivity(int id) {
//        这里先获取到新闻的id就够了，等新闻页面写出来再让它启动
        Toast.makeText(getContext(),"id: " + id,Toast.LENGTH_SHORT).show();
    }

//    初始化页面
    private void init() {
        banner = viewRoot.findViewById(R.id.banner);//轮播图
        recyclerView = viewRoot.findViewById(R.id.recyclerView);//新闻分类列表
        myScrollView = viewRoot.findViewById(R.id.myScrollView);//重写的滑动窗体
//        推荐服务
        serviceBtns[0] = viewRoot.findViewById(R.id.serviceBtn0);
        serviceBtns[1] = viewRoot.findViewById(R.id.serviceBtn1);
        serviceBtns[2] = viewRoot.findViewById(R.id.serviceBtn2);
        serviceBtns[3] = viewRoot.findViewById(R.id.serviceBtn3);
        serviceBtns[4] = viewRoot.findViewById(R.id.serviceBtn4);
//        专题
        themeBtns[0] = viewRoot.findViewById(R.id.themeBtn0);
        themeBtns[1] = viewRoot.findViewById(R.id.themeBtn1);
        themeBtns[2] = viewRoot.findViewById(R.id.themeBtn2);
        themeBtns[3] = viewRoot.findViewById(R.id.themeBtn3);
        themeBtnGroup = viewRoot.findViewById(R.id.themeBtnGroup);//专题按钮的父view
//        新闻分类
        newsTypes[0] = viewRoot.findViewById(R.id.newsType0);
        newsTypes[1] = viewRoot.findViewById(R.id.newsType1);
        newsTypes[2] = viewRoot.findViewById(R.id.newsType2);
        newsTypes[3] = viewRoot.findViewById(R.id.newsType3);
        newsTypes[4] = viewRoot.findViewById(R.id.newsType4);
        newsTypes[5] = viewRoot.findViewById(R.id.newsType5);
    }

//    设置滚动
    private void setScrollView() {
        myScrollView.setOnFixNavBarLintener(new MyScrollView.OnFixNavBarLintener() {
//            当导航栏滑动至顶部时，设置RecyclerView可以滑动
            @Override
            public void OnFix() {
                if (!isFix){
                    recyclerView.setNestedScrollingEnabled(true);
                    isFix = true;
                }
            }
//            当导航栏离开顶部时，禁止RecyclerView滑动
            @Override
            public void OnReset() {
                if (isFix){
                    recyclerView.setNestedScrollingEnabled(false);
                    isFix = false;
                }
            }
        });
    }

//    设置一些监听
    private void submit() {
        serviceBtns[0].setOnClickListener(this);
        serviceBtns[1].setOnClickListener(this);
        serviceBtns[2].setOnClickListener(this);
        serviceBtns[3].setOnClickListener(this);
        serviceBtns[4].setOnClickListener(this);
        themeBtns[0].setOnClickListener(this);
        themeBtns[1].setOnClickListener(this);
        themeBtns[2].setOnClickListener(this);
        themeBtns[3].setOnClickListener(this);
        newsTypes[0].setOnClickListener(this);
        newsTypes[1].setOnClickListener(this);
        newsTypes[2].setOnClickListener(this);
        newsTypes[3].setOnClickListener(this);
        newsTypes[4].setOnClickListener(this);
        newsTypes[5].setOnClickListener(this);
    }

//    获取banner中的数据
    private void getBannerData() {
        new Thread(){
            @Override
            public void run() {
                super.run();
                newsBannerBean = (NewsBannerBean) myHttpRequest.myHttp("/prod-api/api/rotation/list?pageNum=1&pageSize=8&type=2",null,NewsBannerBean.class,null,"get");
                if (newsBannerBean != null){
                    for (int i = 0; i < newsBannerBean.getTotal(); i++){
                        newsBannerData.add("http://" + SoftData.ipPort + newsBannerBean.getRows().get(i).getAdvImg());
                    }
                }
                Message message = Message.obtain();
                message.what = 1;
                handler.sendMessage(message);
            }
        }.start();
    }

//    获取服务中的数据
    private void getServiceData() {
        new Thread(){
            @Override
            public void run() {
                super.run();
                serviceBean = (ServiceBean) myHttpRequest.myHttp("/prod-api/api/service/list",null,ServiceBean.class,null,"get");
                Message message = Message.obtain();
                message.what = 2;
                handler.sendMessage(message);
            }
        }.start();
    }

//    获取专题和新闻分类中的数据
    private void getThemeData() {
        new Thread(){
            @Override
            public void run() {
                super.run();
                newsContentBean = (NewsContentBean) myHttpRequest.myHttp("/prod-api/press/press/list",null,NewsContentBean.class,null,"get");
                newsTypeBean = (NewsTypeBean) myHttpRequest.myHttp("/prod-api/press/category/list",null,NewsTypeBean.class,null,"get");
                if (newsTypeBean != null){
                    for (int i = 0; i < newsTypes.length; i++) {
                        newsTypeName.add(newsTypeBean.getData().get(i).getName());
                    }
                }
                Message message = Message.obtain();
                message.what = 3;
                handler.sendMessage(message);
            }
        }.start();
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
//            推荐服务
            case R.id.serviceBtn0:
            case R.id.serviceBtn1:
            case R.id.serviceBtn2:
            case R.id.serviceBtn3:
            case R.id.serviceBtn4:
                Toast.makeText(getContext(),v.getTag().toString(),Toast.LENGTH_SHORT).show();
                break;
//                专题
            case R.id.themeBtn0:
                startNewsActivity(Integer.parseInt(themeBtns[0].getTag().toString()));
                break;
            case R.id.themeBtn1:
                startNewsActivity(Integer.parseInt(themeBtns[1].getTag().toString()));
                break;
            case R.id.themeBtn2:
                startNewsActivity(Integer.parseInt(themeBtns[2].getTag().toString()));
                break;
            case R.id.themeBtn3:
                startNewsActivity(Integer.parseInt(themeBtns[3].getTag().toString()));
                break;
//                新闻分类
            case R.id.newsType0:
                setNewsType(0);
                break;
            case R.id.newsType1:
                setNewsType(1);
                break;
            case R.id.newsType2:
                setNewsType(2);
                break;
            case R.id.newsType3:
                setNewsType(3);
                break;
            case R.id.newsType4:
                setNewsType(4);
                break;
            case R.id.newsType5:
                setNewsType(5);
                break;
        }
    }
}

当前效果预览

    到这里为止，“智慧城市页”已经可以完全显示并响应事件，因为没有其它对应的界面，所以点击时还不能跳转

    下一篇中主要写“新闻详情”页的实现，使“智慧城市”页点击新闻列表或专题后可以跳转到对应的新闻列表。欲知后事如何，且听下回分解