聊天软件登陆界面的实现

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

首先是开发软件用到的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>

效果图：