高仿qq聊天界面,给有需要的人,界面效果如下:
真心觉得做界面非常痛苦,给有需要的朋友。
chat.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/LinearLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <RelativeLayout android:id="@+id/rl_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.01" android:background="@drawable/title_bar" android:orientation="vertical" > <Button android:id="@+id/chat_back" android:layout_width="70dp" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:background="@drawable/selector_btn_back" android:paddingLeft="10dp" android:text="返回" android:textColor="#ffffff" android:textSize="18sp" /> <TextView android:id="@+id/chat_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:textColor="#ffffff" android:textSize="20.0sp" /> </RelativeLayout> <ListView android:id="@+id/chat_listview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="10" android:cacheColorHint="#00000000" android:background="#FFFFFF" android:divider="@null" android:dividerHeight="5dp" android:scrollbars="none" > </ListView> <RelativeLayout android:id="@+id/rl_bottom" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.8" android:background="@drawable/layout_bg1" > <Button android:id="@+id/chat_send" android:layout_width="60dp" android:layout_height="40dp" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="10dp" android:background="@drawable/chat_send_button_bg" android:text="发送" android:textSize="20sp" /> <EditText android:id="@+id/chat_editmessage" android:layout_width="fill_parent" android:layout_height="40dp" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_toLeftOf="@id/chat_send" android:background="@drawable/edittext1" android:singleLine="true" android:textSize="18sp" /> </RelativeLayout> </LinearLayout>
下面是布局文件中用到的各种资源
title_bar.9.png
selector_btn_back.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/top_back_leftpress" /> <item android:drawable="@drawable/top_back_left" /> </selector>
top_back_left.9.png
top_back_leftpress.9.png
layout_bg1.9.png
chat_send_button_bg.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="false" android:state_pressed="false" android:drawable="@drawable/chat_bottom_send_normal" /> <item android:state_pressed="true" android:drawable="@drawable/chat_bottom_send_pressed" /> <item android:state_focused="true" android:drawable="@drawable/chat_bottom_send_pressed" /> <item android:drawable="@drawable/chat_bottom_send_normal" /> </selector>
chat_bottom_send_pressed.9.png
chat_bottom_send_normal.9.png
作者:lcl15572830433 发表于2013-9-26 19:17:15 原文链接
阅读:35 评论:0 查看评论