服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android仿微信公众号界面

Android仿微信公众号界面

2022-03-02 15:18oxygen0106 Android

这篇文章主要为大家详细介绍了Android仿微信公众号界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近在做一个关于微信公众平台服务号的小项目,主要用来实现排队叫号功能。一直都对微信公众号开发比较好奇,于是趁这次机会仔细研究了一下公众号的开发流程和逻辑架构。

微信公众平台现在分为3类:订阅号,服务号和企业号。其中,服务号和企业号的开放权限比较高,可以实现自定义菜单功能,调用摄像头以及LBS等API。

基本通信架构如图:

Android仿微信公众号界面

在项目的功能设计阶段本想搭建一个服务号Demo用来展示,但微信服务号的认证手续太麻烦,而且我也没有那个资质去开通服务号。于是打算自己做一个仿微信公众号的基本界面,先实现菜单功能,避免开发初期的公众号注册,同时也方便展示。

先上效果图:

Android仿微信公众号界面

Android仿微信公众号界面

Android仿微信公众号界面

1. 界面布局

主界面布局四部分,由上到下依次是:标题栏,消息列表,底部菜弹出的子菜单,底部菜单或输入栏。

主界面基本框架main.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
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#E4E4E4" >
 
  <!-- 消息列表 -->
 
  <ListView
    android:id="@+id/lv"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_marginBottom="50dp"
    android:layout_marginTop="10dp"
    android:cacheColorHint="#00000000"
    android:divider="#00000000"
    android:dividerHeight="20dp"
    android:scrollbars="none" >
  </ListView>
 
  <!-- 点击底部菜单后弹出的子菜单 -->
 
  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:layout_marginBottom="50dp"
    android:orientation="horizontal" >
 
    <View
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="0.5" />
 
    <LinearLayout
      android:id="@+id/pop_layout1"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom"
      android:layout_weight="1"
      android:orientation="vertical" >
    </LinearLayout>
 
    <LinearLayout
      android:id="@+id/pop_layout2"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom"
      android:layout_weight="1"
      android:orientation="vertical" >
    </LinearLayout>
 
    <LinearLayout
      android:id="@+id/pop_layout3"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom"
      android:layout_weight="1"
      android:orientation="vertical" >
    </LinearLayout>
  </LinearLayout>
   
  <!-- 底部菜单 -->
 
  <LinearLayout
    android:id="@+id/bottom_layout"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:layout_gravity="bottom"
    android:background="#00ffffff"
    android:orientation="vertical" >
 
    <LinearLayout
      android:id="@+id/bottom_menu_layout1"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:background="#ffffff"
      android:orientation="vertical" >
 
      <View
        android:layout_width="fill_parent"
        android:layout_height="1px"
        android:background="#A6A6A6" />
 
      <LinearLayout
        android:id="@+id/menu_layout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:orientation="horizontal" >
 
        <ImageView
          android:id="@+id/keyboard"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_marginBottom="5dp"
          android:layout_marginLeft="3dp"
          android:layout_marginRight="3dp"
          android:layout_marginTop="5dp"
          android:layout_weight="0.5"
          android:background="@drawable/keyboard" />
 
        <View
          android:layout_width="1px"
          android:layout_height="fill_parent"
          android:background="#A6A6A6" />
 
        <RelativeLayout
          android:id="@+id/btn1"
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="@drawable/btn_selector" >
 
          <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_margin="5dp" >
 
            <TextView
              android:id="@+id/text1"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_centerInParent="true"
              android:gravity="center"
              android:text="用户绑定"
              android:textColor="#000000"
              android:textSize="16sp" />
 
            <ImageView
              android:layout_width="10dp"
              android:layout_height="10dp"
              android:layout_alignParentBottom="true"
              android:layout_alignParentRight="true"
              android:src="@drawable/more_icon"
              android:visibility="invisible" />
          </RelativeLayout>
        </RelativeLayout>
 
        <View
          android:layout_width="1px"
          android:layout_height="fill_parent"
          android:background="#A6A6A6" />
 
        <RelativeLayout
          android:id="@+id/btn2"
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="@drawable/btn_selector" >
 
          <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_margin="5dp" >
 
            <TextView
              android:id="@+id/text2"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_centerInParent="true"
              android:gravity="center"
              android:text="扫描签到"
              android:textColor="#000000"
              android:textSize="16sp" />
 
            <ImageView
              android:layout_width="10dp"
              android:layout_height="10dp"
              android:layout_alignParentBottom="true"
              android:layout_alignParentRight="true"
              android:src="@drawable/more_icon"
              android:visibility="invisible" />
          </RelativeLayout>
        </RelativeLayout>
 
        <View
          android:layout_width="1px"
          android:layout_height="fill_parent"
          android:background="#A6A6A6" />
 
        <RelativeLayout
          android:id="@+id/btn3"
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:layout_weight="1"
          android:background="@drawable/btn_selector" >
 
          <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_margin="5dp" >
 
            <TextView
              android:id="@+id/text3"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_centerInParent="true"
              android:gravity="center"
              android:text="更多"
              android:textColor="#000000"
              android:textSize="16sp" />
 
            <ImageView
              android:layout_width="10dp"
              android:layout_height="10dp"
              android:layout_alignParentBottom="true"
              android:layout_alignParentRight="true"
              android:src="@drawable/more_icon"
              android:visibility="visible" />
          </RelativeLayout>
        </RelativeLayout>
      </LinearLayout>
    </LinearLayout>
  </LinearLayout>
 
</FrameLayout>

标题栏title_bar.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
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="horizontal" >
 
  <!-- 返回 -->
 
  <ImageView
    android:id="@+id/title_bar_back_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:layout_marginLeft="10dip"
    android:src="@drawable/back" />
   
  <!-- 服务号名称 -->
 
  <TextView
    android:id="@+id/my_setting_title_tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="腾讯招聘面试服务"
    android:textColor="#ffffff"
    android:textSize="20sp" />
   
  <!-- 服务号 -->
 
  <ImageView
    android:id="@+id/title_bar_my"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="10dip"
    android:src="@drawable/my" />
 
</RelativeLayout>

完成title_bar布局后,再在valuesstyles.xml添加自定义标题栏主题

?
1
2
3
4
5
6
7
8
9
10
<!-- 自定义标题栏背景颜色 -->
  <style name="CustomWindowTitleBackground">
    <item name="android:background">#32394A</item>
  </style>
 
  <!-- 自定义标题栏主题 -->
  <style name="myTheme" parent="android:Theme">
    <item name="android:windowTitleSize">45dp</item>
    <item name="android:windowTitleBackgroundStyle">@style/CustomWindowTitleBackground</item>
</style>

消息列表的服务端消息item布局item_left.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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal" >
 
  <RelativeLayout
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="4" >
    <ImageView
      android:id="@+id/server_image"
      android:layout_width="40dp"
      android:layout_height="40dp"
      android:layout_marginLeft="2dp"
      android:background="@drawable/qq"/>
    <TextView
      android:id="@+id/server_text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginLeft="2dp"
      android:layout_toRightOf="@id/server_image"
      android:background="@drawable/text_bg_left1"
      android:gravity="center_vertical|left"
      android:textSize="16sp"
      android:textColor="#000000"/>
  </RelativeLayout>
 
  <View
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1" />
 
</LinearLayout>

消息列表的用户消息item布局item_right.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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal" >
 
  <View
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1" />
 
  <RelativeLayout
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="4" >
 
    <ImageView
      android:id="@+id/user_image"
      android:layout_width="40dp"
      android:layout_height="40dp"
      android:layout_alignParentRight="true"
      android:layout_marginRight="2dp"
      android:background="@drawable/qq" />
 
    <TextView
      android:id="@+id/user_text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginRight="1dp"
      android:layout_toLeftOf="@id/user_image"
      android:background="@drawable/text_bg_right1"
      android:gravity="center_vertical|right"
      android:textColor="#000000"
      android:textSize="16sp" />
  </RelativeLayout>
 
</LinearLayout>

弹出的子菜单布局child_menu.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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/child_layout"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="#FFFFFF"
  android:gravity="bottom"
  android:orientation="vertical" >
 
  <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
 
    <Button
      android:id="@+id/test1"
      android:layout_width="wrap_content"
      android:layout_height="45dp"
      android:background="@drawable/btn_selector"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:text="进度查询"
      android:textColor="#000000"
      android:textSize="16sp" />
 
    <View
      android:layout_width="wrap_content"
      android:layout_height="1px"
      android:layout_alignLeft="@id/test1"
      android:layout_alignRight="@id/test1"
      android:layout_below="@id/test1"
      android:background="#E4E4E4" />
  </RelativeLayout>
 
  <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
 
    <Button
      android:id="@+id/test1"
      android:layout_width="wrap_content"
      android:layout_height="45dp"
      android:background="@drawable/btn_selector"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:text="使用帮助"
      android:textColor="#000000"
      android:textSize="16sp" />
 
    <View
      android:layout_width="wrap_content"
      android:layout_height="1px"
      android:layout_alignLeft="@id/test1"
      android:layout_alignRight="@id/test1"
      android:layout_below="@id/test1"
      android:background="#E4E4E4" />
  </RelativeLayout>
 
  <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
 
    <Button
      android:id="@+id/test1"
      android:layout_width="wrap_content"
      android:layout_height="45dp"
      android:background="@drawable/btn_selector"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:text="联系我们"
      android:textColor="#000000"
      android:textSize="16sp" />
 
    <View
      android:layout_width="wrap_content"
      android:layout_height="1px"
      android:layout_alignLeft="@id/test1"
      android:layout_alignRight="@id/test1"
      android:layout_below="@id/test1"
      android:background="#E4E4E4" />
  </RelativeLayout>
 
</LinearLayout>

由底部菜单切换到输入框,输入框bottom_menu_layout2.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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
 
  <LinearLayout
    android:id="@+id/bottom_menu_layout2"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#ffffff"
    android:orientation="vertical" >
 
    <View
      android:layout_width="fill_parent"
      android:layout_height="1px"
      android:background="#A6A6A6" />
 
    <LinearLayout
      android:id="@+id/menu_layout"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:gravity="center"
      android:orientation="horizontal" >
 
      <!-- 左侧切换菜单按钮 -->
 
      <ImageView
        android:id="@+id/menu"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="3dp"
        android:layout_marginRight="3dp"
        android:layout_marginTop="5dp"
        android:layout_weight="0.5"
        android:background="@drawable/menu" />
 
      <View
        android:layout_width="1px"
        android:layout_height="fill_parent"
        android:background="#A6A6A6" />
 
      <RelativeLayout
        android:id="@+id/btn1"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_margin="5dp"
        android:layout_weight="3"
        android:background="#ffffff" >
 
        <ImageView
          android:id="@+id/voice"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:layout_centerInParent="true"
          android:layout_marginLeft="5dp"
          android:src="@drawable/voice" />
 
 
        <!-- 右侧“+”按钮或发送按钮 -->
 
        <Button
          android:id="@+id/add"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentRight="true"
          android:layout_centerInParent="true"
          android:layout_marginRight="1dp"
          android:background="@drawable/add"
          android:paddingBottom="5dp"
          android:paddingLeft="8dp"
          android:paddingRight="8dp"
          android:paddingTop="5dp"
          android:text=""
          android:textColor="#ffffff"
          android:textSize="14sp" />
 
        <!-- 输入 -->
 
        <RelativeLayout
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_centerInParent="true"
          android:layout_marginLeft="5dp"
          android:layout_marginRight="5dp"
          android:layout_toLeftOf="@id/add"
          android:layout_toRightOf="@id/voice" >
 
          <EditText
            android:id="@+id/input_text"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:background="#00000000"
            android:gravity="bottom"
            android:paddingLeft="2dp"
            android:paddingRight="2dp"
            android:text=""
            android:textColor="#000000"
            android:textSize="16sp" />
 
          <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_below="@id/input_text"
            android:layout_marginTop="10dp"
            android:background="#A6A6A6" />
        </RelativeLayout>
      </RelativeLayout>
    </LinearLayout>
  </LinearLayout>
 
</LinearLayout>

2. 代码实现

MainActivity.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
package com.example.wxdemo;
 
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
 
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnFocusChangeListener;
import android.view.ViewGroup;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.TextView;
 
public class MainActivity extends Activity implements View.OnClickListener {
 
  private LinearLayout bottomLayout;// 底部菜单父框架
  private LinearLayout bottomMenuLayout1;// 底部菜单布局
  private LinearLayout bottomMenuLayout2;// 底部输入框布局
  private RelativeLayout btn1;// “用户绑定”按钮布局
  private RelativeLayout btn2;// “扫描签到”按钮布局
  private RelativeLayout btn3;// “更多”按钮布局
  private LinearLayout popLayout1;
  private LinearLayout popLayout2;
  private LinearLayout popLayout3;// 弹出的子菜单父框架布局
  private LinearLayout childLayout;// “更多”按钮的子菜单
  private ListView lv;
  private MyAdapter adapter;
  private List<Map<String, String>> listData = new ArrayList<Map<String, String>>();
 
  private ImageView keyboard;// 底部键盘切换图标
  private ImageView menu;// 底部菜单切换图标
  private Button send;// 发送按钮
  private EditText inputText;// 输入框
 
  private boolean open = true;// 子菜单填充状态标记
  private boolean flag = false;// 子菜单显示状态标记
  private boolean bind = false;// 用户绑定状态标记
 
  private Animation animEnter;// 底部菜单进入动画
  private Animation animExit;// 底部菜单退出动画
 
  private View view;
  private View view2;
  private LayoutInflater inflater;
 
  private int myID = 0;
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    this.requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
    setContentView(R.layout.main);
    getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,
        R.layout.title_bar);// 自定义标题栏
 
    inflater = MainActivity.this.getLayoutInflater();
 
    popLayout1 = (LinearLayout) findViewById(R.id.pop_layout1);
    popLayout2 = (LinearLayout) findViewById(R.id.pop_layout2);
    popLayout3 = (LinearLayout) findViewById(R.id.pop_layout3);
 
    bottomLayout = (LinearLayout) findViewById(R.id.bottom_layout);
    bottomMenuLayout1 = (LinearLayout) findViewById(R.id.bottom_menu_layout1);
 
    keyboard = (ImageView) findViewById(R.id.keyboard);
    btn1 = (RelativeLayout) findViewById(R.id.btn1);
    btn2 = (RelativeLayout) findViewById(R.id.btn2);
    btn3 = (RelativeLayout) findViewById(R.id.btn3);
 
    lv = (ListView) findViewById(R.id.lv);
 
    btn1.setOnClickListener(this);
    btn2.setOnClickListener(this);
    btn3.setOnClickListener(this);
    keyboard.setOnClickListener(this);
 
    adapter = new MyAdapter(this, listData);
    lv.setAdapter(adapter);
 
  }
 
  @Override
  public void onClick(View v) {
    // TODO Auto-generated method stub
    int id = v.getId();
    switch (id) {
    case R.id.btn1:
      btn1Click();
      break;
    case R.id.btn2:
      break;
    case R.id.btn3:
      btn3Click();
      break;
    case R.id.keyboard:
      keyboardClick();
      break;
    case R.id.menu:
      menuClick();
      break;
    case R.id.add:
      sendClick();
      break;
    default:
      break;
    }
  }
 
  public void btn1Click() {// 用户绑定
    Map<String, String> map = new HashMap<String, String>();
    map.put("type", "0");
    if (!bind) {
      map.put("text", "请输入您的手机号或简历ID进行帐号绑定,绑定成功后才能进行签到。");
    } else {
      map.put("text", "帐号已绑定成功,请您准时签到。");
    }
    listData.add(map);
    adapter.notifyDataSetChanged();
  }
 
  public void btn2Click() {// 扫描签到
    // TODO
  }
 
  public void btn3Click() {// 更多
    if (open == true) {
      view = inflater.inflate(R.layout.child_menu, popLayout3, true);
      childLayout = (LinearLayout) view.findViewById(R.id.child_layout);
      open = false;
    }
 
    if (flag == false) {
      flag = true;
      childLayout.setVisibility(View.VISIBLE);
    } else {
      flag = false;
      childLayout.setVisibility(View.GONE);
    }
  }
 
  public void keyboardClick() {//点击键盘按钮,由底部菜单切换为底部输入
    view2 = inflater.inflate(R.layout.bottom_menu_layout2, bottomLayout,
        true);
    bottomMenuLayout2 = (LinearLayout) view2
        .findViewById(R.id.bottom_menu_layout2);
    animEnter = AnimationUtils.loadAnimation(MainActivity.this,
        R.anim.my_pop_enter_anim);
    animExit = AnimationUtils.loadAnimation(MainActivity.this,
        R.anim.my_pop_exit_anim);
    animEnter.setStartOffset(200);
    bottomMenuLayout1.startAnimation(animExit);
    bottomMenuLayout1.setVisibility(View.GONE);
    bottomMenuLayout2.startAnimation(animEnter);
    bottomMenuLayout2.setVisibility(View.VISIBLE);
    menu = (ImageView) view2.findViewById(R.id.menu);
    inputText = (EditText) view2.findViewById(R.id.input_text);
    send = (Button) view2.findViewById(R.id.add);
    menu.setOnClickListener(this);
    send.setOnClickListener(this);
    inputClick();
  }
 
  public void menuClick() {//点击菜单按钮,由底部输入框切换为底部菜单
    bottomMenuLayout2.startAnimation(animExit);
    bottomMenuLayout2.setVisibility(View.GONE);
    bottomMenuLayout1.startAnimation(animEnter);
    bottomMenuLayout1.setVisibility(View.VISIBLE);
  }
 
  public void inputClick() {
    inputText.setOnFocusChangeListener(new OnFocusChangeListener() {
 
      @Override
      public void onFocusChange(View v, boolean hasFocus) {
        // TODO Auto-generated method stub
        if (hasFocus) {
          send.setBackgroundResource(R.drawable.send_btn_bg);
          send.setText("发送");
        } else {
          send.setBackgroundResource(R.drawable.add);
          send.setText(" ");
        }
      }
    });
  }
 
  public void sendClick() {
    String text = inputText.getEditableText().toString();
    inputText.setText("");
    if (text != null && (!text.equals(""))) {
      Map<String, String> map;
      map = new HashMap<String, String>();
      map.put("type", "1");// 消息类型,服务端为0,用户为1
      map.put("text", text);
      listData.add(map);
 
      map = new HashMap<String, String>();
      map.put("type", "0");
      map.put("text", "帐号已绑定成功,请您准时签到。");
      listData.add(map);
      adapter.notifyDataSetChanged();
      bind = true;
    }
  }
 
  private class MyAdapter extends BaseAdapter {
    public List<Map<String, String>> list;
    private Context context;
    private int type;
    private ListView listView;
 
    public MyAdapter(Context context, List<Map<String, String>> list) {
      this.context = context;
      this.list = list;
    }
 
    @Override
    public int getCount() {
      // TODO Auto-generated method stub
      return list.size();
    }
 
    @Override
    public Object getItem(int position) {
      // TODO Auto-generated method stub
      return list.get(position);
    }
 
    @Override
    public long getItemId(int position) {
      // TODO Auto-generated method stub
      return position;
    }
 
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      // TODO Auto-generated method stub
      ViewHolder viewHolder = null;
      Map<String, String> map = (Map<String, String>) list.get(position);
      if (map.get("type").equals("0")) {// 服务端
        if (convertView == null) {
          convertView = inflater.inflate(R.layout.item_left, parent,
              false);
          viewHolder = new ViewHolder();
          viewHolder.mTextView = (TextView) convertView
              .findViewById(R.id.server_text);
          viewHolder.mImageView = (ImageView) convertView
              .findViewById(R.id.server_image);
          convertView.setTag(viewHolder);
        } else {
          viewHolder = (ViewHolder) convertView.getTag();
        }
 
        viewHolder.mTextView.setText(map.get("text"));
 
      } else {// 用户
        if (convertView == null) {
          convertView = inflater.inflate(R.layout.item_right, parent,
              false);
          viewHolder = new ViewHolder();
          viewHolder.mTextView = (TextView) convertView
              .findViewById(R.id.user_text);
          viewHolder.mImageView = (ImageView) convertView
              .findViewById(R.id.user_image);
          convertView.setTag(viewHolder);
        } else {
          viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.mTextView.setText(map.get("text"));
      }
 
      return convertView;
    }
 
  }
 
  private final class ViewHolder {
    TextView mTextView;
    ImageView mImageView;
  }
 
}

以上就是实现仿微信服务号的主要代码,菜单功能并没用完全实现,可根据实际情况和需要进行添加。同时还需注意的是,底部菜单最多为3个,每个名称限制在7个字符,包含的子菜单最多只能有5个。

原文链接:https://blog.csdn.net/oxygen0106/article/details/40513801

延伸 · 阅读

精彩推荐