Android实战-智慧城市(5)

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

上回说到，Android实战-智慧城市(4)

软件设计

全部服务

&nesp;&nesp;&nesp;&nesp;好像就一个软键盘搜索有些陌生，都不难

弹窗布局

&nesp;&nesp;&nesp;&nesp;创建一个新布局作为搜索服务时dialog弹窗的布局
    dialog_service_search.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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:background="#00000000"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
        android:orientation="vertical"
        android:background="@drawable/dialog_service_search_style"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:text="没有找到对应服务OvO"
            android:id="@+id/tip_dialog"
            android:visibility="gone"
            android:gravity="center"
            android:textSize="20sp"
            android:textStyle="bold"
            android:textColor="@color/black"
            android:layout_width="match_parent"
            android:layout_height="160dp"/>
        <androidx.recyclerview.widget.RecyclerView
            android:layout_margin="10dp"
            android:id="@+id/recyclerView_dialog"
            android:minHeight="160dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>
</LinearLayout>

创建适配器

    适配器用于显示服务，显示搜索后弹窗中对应的服务，该适配器中创建了RecyclerItemListener接口，通过该接口中的onItemClick(int position,ListserviceName)方法响应item的onClick事件
    SearchAdapter.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
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 ServiceAdapter extends RecyclerView.Adapter<ServiceAdapter.MyViewHolder> {
    private List<String> serviceName;
    private List<String> serviceIcon;
    private Context context;

    public ServiceAdapter(List<String> serviceName, List<String> serviceIcon, Context context) {
        this.serviceName = serviceName;
        this.serviceIcon = serviceIcon;
        this.context = context;
    }

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

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        Glide.with(context).load("http://" + SoftData.ipPort + serviceIcon.get(position)).into(holder.icon);
        holder.name.setText(serviceName.get(position));
    }

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

    public class MyViewHolder extends RecyclerView.ViewHolder {
        private ImageView icon;
        private TextView name;
        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            icon = itemView.findViewById(R.id.icon);
            name = itemView.findViewById(R.id.name);
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (recyclerItemListener != null){
                        recyclerItemListener.onItemClick(getAbsoluteAdapterPosition(),serviceName);
                    }
                }
            });
        }
    }

    private RecyclerItemListener recyclerItemListener;

    public void setRecyclerItemListener(RecyclerItemListener recyclerItemListener) {
        this.recyclerItemListener = recyclerItemListener;
    }

    public interface RecyclerItemListener{
        void onItemClick(int position,List<String> serviceName);
    }
}

item的布局

    fragment_home1_service_item.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:layout_marginTop="5dp"
        android:id="@+id/icon"
        android:layout_width="48dp"
        android:layout_height="48dp"/>
    <TextView
        android:text="serviceName"
        android:id="@+id/name"
        android:textColor="@color/black"
        android:textStyle="bold"
        android:textSize="14sp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

继承GridLayoutManager

    创建MyGridLayoutManager类继承GridLayoutManager类，并重写它的canScrollVertivally()方法，使其永远返回false，这样用重写的布局管理器传递给RecyclerView后，RecyclerView将彻底不响应滑动事件
    MyGridLayoutManager.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
package com.SmartCity.Home;

import android.content.Context;
import android.util.AttributeSet;

import androidx.recyclerview.widget.GridLayoutManager;

public class MyGridLayoutManager extends GridLayoutManager {
    public MyGridLayoutManager(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    public MyGridLayoutManager(Context context, int spanCount) {
        super(context, spanCount);
    }

    public MyGridLayoutManager(Context context, int spanCount, int orientation, boolean reverseLayout) {
        super(context, spanCount, orientation, reverseLayout);
    }

    @Override
    public boolean canScrollVertically() {
        return false;
    }
}

界面布局

    “全部服务”页面的布局
    fragment_home1.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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:background="@color/white"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:hint="搜索服务"
            android:id="@+id/search_edit"
            android:paddingLeft="8dp"
            android:paddingRight="8dp"
            android:lines="1"
            android:inputType="text"
            android:layout_margin="10dp"
            android:imeOptions="actionSearch"
            android:background="@drawable/edit_text_style"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="38dp"/>
        <Button
            android:text="搜索"
            android:visibility="gone"
            android:id="@+id/search_button"
            android:textColor="@color/white"
            android:textStyle="bold"
            android:textSize="16sp"
            android:layout_marginRight="10dp"
            android:background="@drawable/button_style2"
            android:layout_width="58dp"
            android:layout_height="38dp"/>
    </LinearLayout>
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <TextView
                android:text="生活服务"
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="@color/black"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_marginLeft="5dp"
                android:id="@+id/lifeService"
                android:layout_marginRight="5dp"
                android:layout_marginTop="10dp"
                android:layout_height="wrap_content"/>
            <View
                android:background="@color/darker_gray"
                android:layout_width="match_parent"
                android:layout_height="1dp"/>
            <TextView
                android:text="便民服务"
                android:layout_marginTop="10dp"
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="@color/black"
                android:layout_marginLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:id="@+id/convenienceService"
                android:layout_marginTop="10dp"
                android:layout_height="wrap_content"/>
            <View
                android:background="@color/darker_gray"
                android:layout_width="match_parent"
                android:layout_height="1dp"/>
            <TextView
                android:text="车主服务"
                android:layout_marginTop="10dp"
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="@color/black"
                android:layout_marginLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_marginLeft="5dp"
                android:id="@+id/ownerService"
                android:layout_marginRight="5dp"
                android:layout_marginTop="10dp"
                android:layout_height="wrap_content"/>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

程序设计

    “全部服务”页的程序设计
    HomeFragment1.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
package com.SmartCity.Home;

import android.app.Dialog;
import android.os.Bundle;

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

import android.os.Handler;
import android.os.Looper;
import android.os.Message;
import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.util.Log;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.inputmethod.EditorInfo;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import com.SmartCity.MyHttpRequest;
import com.SmartCity.R;

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

public class HomeFragment1 extends Fragment implements ServiceAdapter.RecyclerItemListener {
    private static final String TAG = "HomeFragment1";
    private View viewRoot;
    private EditText search_edit;//搜索编辑框
    private Button search_button;//搜索按钮
    private TextView tip_dialog;//弹窗中没有搜索到对应服务时
    private RecyclerView lifeService,convenienceService,ownerService,recyclerView_dialog;//生活服务、便民服务、车主服务、弹窗中的列表
    private Handler handler;//线程通信
    private MyHttpRequest myHttpRequest = new MyHttpRequest();//服务器通信封装
    private ServiceBean serviceBean;//"全部服务"的json反序列化对象
    private List<String> lifeServiceName,lifeServiceIcon,convenienceServiceName,convenienceServiceIcon,ownerServiceName,ownerServiceIcon;
    private List<String> searchServiceName,searchServiceIcon;//搜索到的服务名和服务图标

    @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_home1, container, false); }
        myHandler();//线程通信
        init();//初始化界面
        submit();//设置监听
        getAllService();//获取全部服务信息
        return viewRoot;
    }

    //    线程通信
    private void myHandler() {
        handler = new Handler(Looper.getMainLooper()){
            @Override
            public void handleMessage(@NonNull Message msg) {
                super.handleMessage(msg);
                if (msg.what == 1){
                    setAllServiceData();//设置数据
                }
            }
        };
    }

//    设置三个服务中对应的列表中的集合
    private void setAllServiceData() {
        setList();
        for (int i = 0; i < serviceBean.getTotal(); i++) {
            String serviceType = serviceBean.getRows().get(i).getServiceType();
            String serviceName = serviceBean.getRows().get(i).getServiceName();
            String serviceIcon = serviceBean.getRows().get(i).getImgUrl();
            switch (serviceType) {
                case "生活服务":
                    lifeServiceName.add(serviceName);
                    lifeServiceIcon.add(serviceIcon);
                    break;
                case "便民服务":
                    convenienceServiceName.add(serviceName);
                    convenienceServiceIcon.add(serviceIcon);
                    break;
                case "车主服务":
                    ownerServiceName.add(serviceName);
                    ownerServiceIcon.add(serviceIcon);
                    break;
            }
        }
        setRecycler();
    }

//    设置列表显示
    private void setRecycler() {
//        创建适适配器
        ServiceAdapter lifeServiceAdapter = new ServiceAdapter(lifeServiceName,lifeServiceIcon,getContext());
        ServiceAdapter convenienceServiceAdapter = new ServiceAdapter(convenienceServiceName,convenienceServiceIcon,getContext());
        ServiceAdapter ownerServiceAdapter = new ServiceAdapter(ownerServiceName,ownerServiceIcon,getContext());
//        创建布局管理器
        MyGridLayoutManager myGridLayoutManager1 = new MyGridLayoutManager(getContext(),4, LinearLayoutManager.VERTICAL,false);
        MyGridLayoutManager myGridLayoutManager2 = new MyGridLayoutManager(getContext(),4, LinearLayoutManager.VERTICAL,false);
        MyGridLayoutManager myGridLayoutManager3 = new MyGridLayoutManager(getContext(),4, LinearLayoutManager.VERTICAL,false);
//        设置适配器
        lifeService.setAdapter(lifeServiceAdapter);
        convenienceService.setAdapter(convenienceServiceAdapter);
        ownerService.setAdapter(ownerServiceAdapter);
//        设置RecyclerView布局方式
        lifeService.setLayoutManager(myGridLayoutManager1);
        convenienceService.setLayoutManager(myGridLayoutManager2);
        ownerService.setLayoutManager(myGridLayoutManager3);
//        设置item点击事件
        lifeServiceAdapter.setRecyclerItemListener(this);
        convenienceServiceAdapter.setRecyclerItemListener(this);
        ownerServiceAdapter.setRecyclerItemListener(this);
    }

//    RecyclerView的item点击事件
    @Override
    public void onItemClick(int position,List<String> serviceName) {
//        暂时不做跳转，只提示点击的服务名
        Toast.makeText(getContext(),serviceName.get(position),Toast.LENGTH_SHORT).show();
    }

//    清空或创建三个列表中的集合
    private void setList() {
        if (lifeServiceName != null){
            lifeServiceName.clear();
            lifeServiceIcon.clear();
            convenienceServiceName.clear();
            convenienceServiceIcon.clear();
            ownerServiceName.clear();
            ownerServiceIcon.clear();
        }
        else {
            lifeServiceName = new ArrayList<>();
            lifeServiceIcon = new ArrayList<>();
            convenienceServiceName = new ArrayList<>();
            convenienceServiceIcon = new ArrayList<>();
            ownerServiceName = new ArrayList<>();
            ownerServiceIcon = new ArrayList<>();
        }
    }

    //    初始化界面
    private void init() {
        search_button = viewRoot.findViewById(R.id.search_button);
        search_edit = viewRoot.findViewById(R.id.search_edit);
        lifeService = viewRoot.findViewById(R.id.lifeService);
        convenienceService = viewRoot.findViewById(R.id.convenienceService);
        ownerService = viewRoot.findViewById(R.id.ownerService);
    }

//    设置一些监听
    private void submit() {
//        内容改变监听
        search_edit.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {

            }

            @Override
            public void afterTextChanged(Editable s) {
                String searchContent = search_edit.getText().toString();
                if (TextUtils.isEmpty(searchContent)){
                    search_button.setVisibility(View.GONE);
                }
                else {
                    search_button.setVisibility(View.VISIBLE);
                }
            }
        });

//        点击按钮搜索
        search_button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                search();
            }
        });

//        键盘右下角按钮监听
        search_edit.setOnEditorActionListener(new TextView.OnEditorActionListener() {
            @Override
            public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                if (actionId == EditorInfo.IME_ACTION_SEARCH){
//                    调用搜索服务
                    search();
                }
                return false;
            }
        });
    }

    //    搜索服务
    private void search() {
        String searchContent = search_edit.getText().toString();
        if (TextUtils.isEmpty(searchContent)){
            Toast.makeText(getContext(),"空的，你搜索什么",Toast.LENGTH_SHORT).show();
        }
        else {
            setSearchServiceList();//清空或创建搜索服务的集合
            for (int i = 0; i < serviceBean.getTotal(); i++) {
                String serviceName = serviceBean.getRows().get(i).getServiceName();
                String serviceIcon = serviceBean.getRows().get(i).getImgUrl();
                if (serviceName.contains(searchContent)){
                    searchServiceName.add(serviceName);
                    searchServiceIcon.add(serviceIcon);
                    Log.d(TAG, "search: " + serviceName);
                }
            }
//            显示弹窗
            dialogShow();
        }
    }

    //    清空或创建搜索服务的集合
    private void setSearchServiceList() {
        if (searchServiceIcon != null){
            searchServiceIcon.clear();
            searchServiceName.clear();
        }
        else {
            searchServiceIcon = new ArrayList<>();
            searchServiceName = new ArrayList<>();
        }
    }

    //    弹窗显示
    private void dialogShow(){
//        创建一个弹窗
        Dialog dialog = new Dialog(getContext());
        View view = View.inflate(getContext(),R.layout.dialog_service_search,null);//得到弹窗的布局
        dialog.setContentView(view);//设置弹窗布局

        Window window = dialog.getWindow();//弹窗窗口中的对象
        window.setGravity(Gravity.BOTTOM);//设置出现位置
        window.setWindowAnimations(R.style.check_avatar_dialog_anim);//设置动画
        window.setLayout(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);//宽高
        dialog.show();//显示弹窗

        dialogInit(dialog);//初始化弹窗中的控件
        dialogEvent();//设置弹窗中的一些事件
    }

    //    初始化弹窗中的控件
    private void dialogInit(Dialog dialog) {
        recyclerView_dialog = dialog.findViewById(R.id.recyclerView_dialog);//弹窗中的recyclerView列表
        tip_dialog = dialog.findViewById(R.id.tip_dialog);//弹窗中没有搜索项时的提示
    }

    //    设置弹窗中的一些事件
    private void dialogEvent() {
//        设置列表
        if (searchServiceName.size() == 0){
//            没有搜索到对应服务时出现提示
            recyclerView_dialog.setVisibility(View.GONE);
            tip_dialog.setVisibility(View.VISIBLE);
        }
        else {
            recyclerView_dialog.setVisibility(View.VISIBLE);
            tip_dialog.setVisibility(View.GONE);
//            对应服务的列表
            ServiceAdapter serviceAdapter = new ServiceAdapter(searchServiceName,searchServiceIcon,getContext());
            MyGridLayoutManager myGridLayoutManager = new MyGridLayoutManager(getContext(),4,LinearLayoutManager.VERTICAL,false);
            recyclerView_dialog.setAdapter(serviceAdapter);
            recyclerView_dialog.setLayoutManager(myGridLayoutManager);

            serviceAdapter.setRecyclerItemListener(this);
        }
    }

//    获取全部服务信息
    private void getAllService() {
        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 = 1;
                handler.sendMessage(message);
            }
        }.start();
    }
}

新闻

    没啥好写的，对着首页抄就是了

界面布局

    fragment_home2.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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    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: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="wrap_content"
                        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>

程序设计

    HomeFragment2.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
package com.SmartCity.Home;

import android.content.Intent;
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.TextView;
import android.widget.Toast;

import com.SmartCity.MyHttpRequest;
import com.SmartCity.NewsHome.NewsHomeActivity;
import com.SmartCity.R;
import com.SmartCity.SoftData;
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 HomeFragment2 extends Fragment implements View.OnClickListener {
    private static final String TAG = "HomeFragment2";
    private View viewRoot;//页面布局
    private Banner banner;//轮播图
    private RecyclerView recyclerView;//新闻分类列表
    private Handler handler;//handler线程通信
    private MyScrollView myScrollView;//滑动布局
    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 MyHttpRequest myHttpRequest = new MyHttpRequest();//封装的http请求
    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_home2, container, false); }
        myHandler();//handler通信
        init();//初始化界面
        setScrollView();//设置滚动控件中的固定导航栏
        getBannerData();//获取Banner的数据
        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 == 3){
                    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 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 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();
    }

    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并将新闻的id值传递给新闻显示页
        Intent intent = new Intent(getContext(), NewsHomeActivity.class);
        intent.putExtra("newsId",id);
        startActivity(intent);
    }

    //    初始化页面
    private void init() {
        banner = viewRoot.findViewById(R.id.banner);//轮播图
        recyclerView = viewRoot.findViewById(R.id.recyclerView);//新闻分类列表
        myScrollView = viewRoot.findViewById(R.id.myScrollView);//重写的滑动窗体
//        新闻分类
        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;
                }
            }
        });
    }

//    获取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 submit() {
        newsTypes[0].setOnClickListener(this);
        newsTypes[1].setOnClickListener(this);
        newsTypes[2].setOnClickListener(this);
        newsTypes[3].setOnClickListener(this);
        newsTypes[4].setOnClickListener(this);
        newsTypes[5].setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
//                新闻分类
            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;
        }
    }
}

效果预览

    到这里大体上已经非常OK了，还差一些模块的开发













下个博客，城市地铁功能开发Android实战-智慧城市(6)