使用draw9patch
- 打开内置terminal
- 输入
CD C:UsersGabyAppDataLocalAndroidsdk
- 在该目录下输入
draw9patch
- 导入图片，开始绘制
- 本文成果图:
成果图
- 左边和上边绘制的黑线，表示在纵向和横向拉伸时拉伸的部分。右边和下边的黑线表示要用于显示内容的部分
- 从图片上可以看出，右边和下边的黑线可以偏中间一点
上代码
首先写MainActivity,先只考虑需要哪些功能，不去管如何实现
1
2
3
4
5
6
7
8
9
|
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
|
顺序是：MainActivity->活动布局文件->Item类->Item类对象的集合->初始化该集合->item_layout单项布局->adapter类
活动布局文件:
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
|
<LinearLayout
android:orientation="vertical"/>
android:background="#d8e0e8">
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="0dp"
android:divider="#0000"
android:layout_weight="1"
>
</ListView>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="input your message"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Send"/>
</LinearLayout>
</LinearLayout>
|
注意:
android:divider="#0000"该项用于设置ListView的的分割线为透明- 输入框和button通过LinearLaout绑定在一起
- 最外
LinearLayout的orientation设置为vertical是让ListView和内LinearLayout上下放置
- ListView设置
height = "0dp" weight = "1"切内LinearLayout无设置，意思就是，在保证内LinearLayout的区域大小后，其他空间都归ListView，同理内LinearLayout的EditText和Button
Item类
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
public class Item {
public static final int SEND = 1;
public static final int REC = 0;
private int type;
private String content;
public Item(int wtype, String content){
this.type = wtype;
this.content = content;
}
public int getType() {
return type;
}
public String getContent() {
return content;
}
}
|
注意：
- 如果要在MainActivity中使用SEND来给一个Item对象赋值，那么这个SEND常量就一定得在Item类中定义
Item类对象的集合->初始化该集合
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
private List<Item> mesgs = new ArrayList<Item>();
private void initData() {
Item con_a = new Item(Item.REC,"hello my name is Gaby");
mesgLists.add(con_a);
Item con_b = new Item(Item.SEND,"Hi,Gaby! I'm Cici");
mesgLists.add(con_b);
Item con_c = new Item(Item.SEND,"where are you come from?");
mesgLists.add(con_c);
Item con_d = new Item(Item.REC,"I'm from China");
mesgLists.add(con_d);
Item con_e = new Item(Item.SEND,"oh? I come from Japan");
mesgLists.add(con_d);
Item con_f = new Item(Item.REC,"so you must know yui hatano");
mesgLists.add(con_f);
Item con_g = new Item(Item.SEND,"I do,she is the best");
mesgLists.add(con_g);
}
|
item_layout单项布局
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
|
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/qq"
android:layout_gravity="left">
<TextView
android:id="@+id/tv_left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:background="@drawable/oo">
<TextView
android:id="@+id/tv_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
|
注意:
android:orientation="vertical"以及两个LinearLayout中各自的android:layout_gravity="left"android:layout_gravity="right"
使得单项布局中的两个对话框一左一右垂直排列
item_layout- 实际上对话框中带有TextView,因为LinearLayout中的两个属性都是
wrap_content
adapter类
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
|
public class mess_adapter extends ArrayAdapter<Item>{
private int resourceId;
public mess_adapter(Context context,int textViewResourceId, List<Item> objects) {
super(context,textViewResourceId, objects);
resourceId = textViewResourceId;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view;
ViewHolder viewHolder;
Item item = getItem(position);
if(convertView == null){
viewHolder = new ViewHolder();
view = LayoutInflater.from(getContext()).inflate(resourceId,null);
viewHolder.left_layout = (LinearLayout) view.findViewById(R.id.left);
viewHolder.right_layout = (LinearLayout) view.findViewById(R.id.right);
viewHolder.tv_right = (TextView) view.findViewById(R.id.tv_right);
viewHolder.tv_left = (TextView) view.findViewById(R.id.tv_left);
view.setTag(viewHolder);
} else{
view = convertView;
viewHolder = (ViewHolder) view.getTag();
}
if(item.getType() == Item.SEND){
|
注意：
- 因为不能通过一个布局去取得布局中的控件，也因此，每个控件都设置id
- viewHolder存放着四个控件实例