看完了第一行代码第三章,改进了一些基本功能,下面就听小弟一一道来:
也参考了很多别人的代码,但是总觉得一些功能可以比较轻松的实现就不绕那么多弯子, 就用最基础的码代码实现一样的功能:(1)整体布局代码一样是精简的;(2)实现左右按钮互发信息;(3)收发表情效果代码部分正在解bug中等后续更新
下面赶紧来看看实现过程吧(按我写代码的思路来写文章,如果不习惯大家见谅):
标题栏的制作:
定义一个xml文件,在该xml文件中采用水平排列的属性分别放置两个ImageButton控件以及一个ImageView控件,代码如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#8A2BE2"
android:gravity="center"
android:orientation="horizontal" >
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:background="@drawable/nf"/>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:textColor="#ffffff"
android:textSize="15sp"
android:text="群聊(4)"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:background="@drawable/icon_friend_w"/>
效果如图所示:
然后再主布局中加入该标题栏的子布局:
<include
android:layout_width="fill_parent"
android:layout_height="50dp"
layout="@layout/top_layout" />
整体布局
聊天界面的整体布局主界面中放置了一个ListView用于显示聊天的消息内容,与它成线性布局竖直放置了输入框,输入框子布局中水平放置了一个ImageButton控件、两个Button(背景色的制作见我前面几篇文章)以及一个EditText控件:
<LinearLayout xmlns:android="http://schemas