聊天软件登陆界面的实现

来源：互联网发布：植物大战僵尸不用网络编辑：程序博客网时间：2024/05/16 03:32

最近跟着网上的视频开始《匿名》软件的开发

首先是开发软件用到的4个Layout布局：第一个是登陆界面，第二个是我们登陆后显示消息列表的界面，用了一个listview，第三个是我们发布状态的界面，第四个是我们评论别人状态的界面，同样显示别人的评论也是一个listview。下次篇文章将详细介绍连接网络类的代码，敬请期待。

<!--登陆界面--><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:gravity="center_horizontal"    android:orientation="vertical"    android:paddingTop="50dp">    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="horizontal">        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/phone"            android:textAppearance="?android:textAppearanceLarge" />        <EditText            android:id="@+id/etPhoneNum"            android:layout_width="250dp"            android:layout_height="wrap_content"            android:inputType="phone"            android:singleLine="true"            android:textAppearance="?android:textAppearanceLarge" />    </LinearLayout>    <Button        android:id="@+id/btnGetCode"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/Get_Code"        android:textAllCaps="false"        android:textAppearance="?android:textAppearanceLarge"        android:layout_gravity="center_horizontal" />    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="horizontal">        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/code"            android:textAppearance="?android:textAppearanceLarge" />        <EditText            android:id="@+id/etCodeNum"            android:layout_width="250dp"            android:layout_height="wrap_content"            android:inputType="number"            android:singleLine="true"            android:textAppearance="?android:textAppearanceLarge" />    </LinearLayout>    <Button        android:id="@+id/btnLogin"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/login"        android:textAppearance="?android:textAppearanceLarge" />    /></LinearLayout>

效果图：

<!--消息显示界面--><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <ListView        android:id="@android:id/list"        android:layout_width="fill_parent"        android:layout_height="fill_parent"></ListView></LinearLayout>

效果图：

<!--发布状态界面--><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <EditText        android:textAppearance="?android:textAppearanceLarge"        android:layout_width="fill_parent"        android:layout_height="0dp"        android:gravity="left"        android:inputType="none"        android:layout_weight="1"/>    <Button        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:textAppearance="?android:textAppearanceLarge"        android:text="@string/SendMessage"        android:textAllCaps="false"/></LinearLayout>

效果图：

<!--评论界面--><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <TextView        android:id="@+id/tvMessage"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:textAppearance="?android:textAppearanceLarge" />    <ListView        android:id="@+id/list"        android:layout_width="fill_parent"        android:layout_height="0dp"        android:layout_weight="1"></ListView>    <LinearLayout        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:orientation="horizontal">        <EditText            android:id="@+id/etComment"            android:layout_width="0dp"            android:layout_weight="1"            android:layout_height="wrap_content" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/btnSendComment"            android:background="@android:drawable/ic_menu_send"/>    </LinearLayout></LinearLayout>

效果图：

1 0