机智云安卓开源框架实现简单智能家居系统系统(UI界面编写)

原创 于 2019-03-15 16:58:44 发布 · 3.1k 阅读 · 53 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

目录

编写机智云安卓开源框架的UI界面

1.打开GosDeviceControlActivity这个类

 2.导入UI使用到的图片

 3.编写UI界面详解：

4.下载到真题验证 

5.编写密码输入的UI界面 

源代码

 

编写机智云安卓开源框架的UI界面

需要修改的是控制模块的部分

1.打开GosDeviceControlActivity这个类

找到Oncreate()方法：

删除不必要的东西，如下图所示：

注意，因为在GosDeviceControlActivity.java中引用了我们删除的控件，所以在GosDeviceControlActivity也必须把这个引用删除，否则因为找不到对应的控件导致错误。

 2.导入UI使用到的图片

  • 把我们在UI需要适用到的图片导入drawable，以便引用，文件如下

  • 复制到如下的路径：

 3.编写UI界面详解：

  • 因为所有控件一个页面是显示不下的，所以此处需要使用一个 ScrollView ,使UI界面可以上下滑动

ScrollView具体使用方法：https://blog.youkuaiyun.com/qq_36243942/article/details/82185051

 

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background02"
        android:fadingEdge="vertical"
        android:paddingBottom="10dp"
        android:paddingTop="20dp"
        android:scrollbars="vertical">
    </ScrollView>

</LinearLayout>

注意此处修改了背景为刚才我们导入的背景图片，视图如下：

  • 在最上边编写一个复位按钮，用来复位大灯，以及门禁系统：

也就是如下的界面：

在ScrollView中新建一个根布局为线性布局（LinearLayout）

备注：

1.控件布局相关知识：https://blog.youkuaiyun.com/qq_36243942/article/details/81736744

2.线性布局相关知识：https://blog.youkuaiyun.com/qq_36243942/article/details/81808833

2.为了让按钮看起来更美观，且有按下的效果，我们自己新建一个selector布局，然后引用这个布局文件

步骤：

修改代码如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="#FF9900"/>
            <corners android:radius="15dp"/>
        </shape>

    </item>
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#DAA520"/>
            <corners android:radius="10dp"/>
        </shape>

    </item>

</selector>

UI界面代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background02"
        android:fadingEdge="vertical"
        android:paddingBottom="10dp"
        android:paddingTop="20dp"
        android:scrollbars="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:scrollbars="vertical"
            android:weightSum="1">
            <Button
                android:id="@+id/Reset_ButtonId"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="300dp"
                android:background="@drawable/btn_beselected"
                android:text="复位" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="大灯开关面板"
                android:textColor="#f86354"
                android:textSize="30dp" />
            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

        </LinearLayout>
    </ScrollView>

</LinearLayout>

备注：在Button控件的background中引用这个drawable文件

界面如下：

  •  完成大灯控制的UI界面

如下：

这个按钮使用的控件是CheckBox，当这个CheckBox未被选中时，显示红色的图片，并显示开关状态为关，如果CheckBox被选中那么现实绿色的图片，并显示状态为开。

备注：

1.CheckBox的使用方法：https://blog.youkuaiyun.com/qq_36243942/article/details/81744237

2.创建一个selector布局，设置选中显示显示绿色，未选中选择红色

步骤：

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btnoff002"
        android:state_checked="true"></item>
    <item android:drawable="@drawable/btn_on001"
        android:state_checked="false"></item>
</selector>

 

详细代码代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background02"
        android:fadingEdge="vertical"
        android:paddingBottom="10dp"
        android:paddingTop="20dp"
        android:scrollbars="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:scrollbars="vertical"
            android:weightSum="1">

            <Button
                android:id="@+id/Reset_ButtonId"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="300dp"
                android:background="@drawable/btn_beselected"
                android:text="复位" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="大灯开关面板"
                android:textColor="#f86354"
                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"

                android:layout_marginLeft="100dp"
                android:layout_weight="0.10"
                android:orientation="vertical">


                <TextView
                    android:id="@+id/TV_RedID"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="大厅灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox01_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

                <TextView
                    android:id="@+id/TV_GreenID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:layout_marginTop="5dp"
                    android:text="食厅灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox02_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

                <TextView
                    android:id="@+id/TV_BlueID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:text="卧室灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox03_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

            </LinearLayout>



        </LinearLayout>
    </ScrollView>


</LinearLayout>

备注：每个CheckBox的background属性都需要引用selector02_cb这个文件

整体界面如下：

  • 完成门禁开关面板的UI界面设计

如下：

这两个按钮实用的控件上ImageButton

备注：

1.ImageButton的使用：https://blog.youkuaiyun.com/qq_36243942/article/details/81783895

在上面的基础增加一个线性布局，注意此时线性布局的方向应该是水平的。

整体代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background02"
        android:fadingEdge="vertical"
        android:paddingBottom="10dp"
        android:paddingTop="20dp"
        android:scrollbars="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:scrollbars="vertical"
            android:weightSum="1">

            <Button
                android:id="@+id/Reset_ButtonId"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="300dp"
                android:background="@drawable/btn_beselected"
                android:text="复位" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="大灯开关面板"
                android:textColor="#f86354"
                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"

                android:layout_marginLeft="100dp"
                android:layout_weight="0.10"
                android:orientation="vertical">


                <TextView
                    android:id="@+id/TV_RedID"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="大厅灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox01_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

                <TextView
                    android:id="@+id/TV_GreenID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:layout_marginTop="5dp"
                    android:text="食厅灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox02_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

                <TextView
                    android:id="@+id/TV_BlueID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:text="卧室灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox03_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

            </LinearLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>
            <TextView
                android:id="@+id/textView7"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="门禁开关面板"
                android:textColor="#f86354"
                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:layout_weight="0.24"
                android:orientation="horizontal">

                <ImageButton
                    android:id="@+id/IV_ButtonID"
                    android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:layout_marginLeft="40dp"
                    android:background="@drawable/mybtnopen" />

                <ImageButton
                    android:id="@+id/IV_closeButtonID"
                    android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:layout_marginLeft="80dp"
                    android:background="@drawable/mybtnclose" />

            </LinearLayout>



        </LinearLayout>
    </ScrollView>


</LinearLayout>

整体界面如下：

 

  • 接下来就是温湿度检测，有毒气体，以及红外检测等一些TextView的设置，就不一一贴出来了，整体代码如下：
<?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">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background02"
        android:fadingEdge="vertical"
        android:paddingBottom="10dp"
        android:paddingTop="20dp"
        android:scrollbars="vertical">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:scrollbars="vertical"
            android:weightSum="1">

            <Button
                android:id="@+id/Reset_ButtonId"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="300dp"
                android:background="@drawable/btn_beselected"
                android:text="复位" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="大灯开关面板"
                android:textColor="#f86354"
                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"

                android:layout_marginLeft="100dp"
                android:layout_weight="0.10"
                android:orientation="vertical">


                <TextView
                    android:id="@+id/TV_RedID"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="大厅灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox01_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

                <TextView
                    android:id="@+id/TV_GreenID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:layout_marginTop="5dp"
                    android:text="食厅灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox02_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

                <TextView
                    android:id="@+id/TV_BlueID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:text="卧室灯开关：关"
                    android:textAllCaps="false"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <CheckBox
                    android:id="@+id/checkbox03_ID"
                    android:layout_width="150dp"
                    android:layout_height="85dp"
                    android:background="@drawable/selecter02_cb"
                    android:button="@null" />

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:id="@+id/textView7"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="门禁开关面板"
                android:textColor="#f86354"
                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:layout_weight="0.24"
                android:orientation="horizontal">

                <ImageButton
                    android:id="@+id/IV_ButtonID"
                    android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:layout_marginLeft="40dp"
                    android:background="@drawable/mybtnopen" />

                <ImageButton
                    android:id="@+id/IV_closeButtonID"
                    android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:layout_marginLeft="80dp"
                    android:background="@drawable/mybtnclose" />

            </LinearLayout>

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="30dp"
                android:layout_marginTop="30dp"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="门禁状态指示："
                    android:textColor="#33ff99"
                    android:textSize="20dp" />


                <TextView
                    android:id="@+id/TV_indicateID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="关闭"
                    android:textColor="#ffff00"
                    android:textSize="20dp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:id="@+id/textView8"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="温湿度检测"
                android:textColor="#f86354"
                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>
            <!-- temp(数值只读) -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginBottom="1dp"
                android:layout_marginTop="20dp"
                android:orientation="horizontal"
                android:padding="50dp">


                <TextView
                    android:id="@+id/textView4"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:text="大气温度"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <TextView
                    android:id="@+id/tv_data_temp"
                    android:layout_width="110dp"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="30dp"
                    android:textColor="@color/green"
                    android:textSize="30dp" />
            </LinearLayout>
            <!-- hum(数值只读) -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="1dp"
                android:layout_weight="0.03"
                android:orientation="horizontal"
                android:padding="50dp">

                <TextView
                    android:id="@+id/textView"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_centerVertical="true"
                    android:text="相对湿度"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />


                <TextView
                    android:id="@+id/tv_data_hum"
                    android:layout_width="110dp"
                    android:layout_height="match_parent"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:layout_marginLeft="30dp"
                    android:gravity="end"
                    android:textColor="@color/green"
                    android:textSize="30dp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:id="@+id/textView6"
                android:layout_width="match_parent"
                android:layout_height="35dp"

                android:gravity="center"
                android:text="有毒气体检测"
                android:textColor="#f86354"
                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="1dp"
                android:layout_weight="0.03"

                android:padding="50dp">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_centerVertical="true"
                    android:text="气体监测"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <TextView
                    android:id="@+id/tv_gsa_detection"
                    android:layout_width="110dp"
                    android:layout_height="match_parent"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:gravity="end"
                    android:textColor="#FF0000"
                    android:textSize="30dp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:gravity="center"
                android:text="红外感应检测"
                android:textColor="#f86354"

                android:textSize="30dp" />

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="1dp"
                android:layout_weight="0.03"
                android:padding="50dp">

                <TextView
                    android:id="@+id/textView5"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_centerVertical="true"
                    android:text="人体检测"
                    android:textColor="#33ff99"
                    android:textSize="20dp" />

                <TextView
                    android:id="@+id/tv_body_move"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:gravity="end"
                    android:textColor="#FF0000"
                    android:textSize="30dp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:orientation="horizontal">

                <Button
                    android:id="@+id/Reset_DetnumId"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="30dp"
                    android:background="@drawable/btn_beselected"
                    android:text="复位检测" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="    检测次数统计:"
                    android:textColor="#ca8687"
                    android:textSize="20dp" />

                <TextView
                    android:id="@+id/TV_Det_timesID"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=" 0次"
                    android:textColor="#1d953f"
                    android:textSize="20dp" />


            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/alert_blue">

            </View>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

整体UI界面效果如下：

4.下载到真题验证 

 修改完了UI界面之后，就可以下载到真题上体验一下：

步骤：

1.进入机智云官网，打开你的项目，打开虚拟设备

2.点击二维码

3.使用APP扫描

4.扫描后进入 

5.接下来就可以看到我们写的UI界面啦

5.编写密码输入的UI界面 

到了这一步好像UI设计已经全部完成了，但是上面还有一个门禁的Activity哦，就是当你按门禁开关面板的红色绿色按钮时，

进入密码输入界面，输入正确的密码则打开门禁，否则不打开。

在这里使用Intent进行Activity的跳转

备注:

1.何为Intent:https://blog.youkuaiyun.com/qq_36243942/article/details/81938476

步骤：

1.在ControlModule新建一个空的Activity

2.填写Activity的名称和所对应layout的名称，Android stuio会自动

3.编写ActivityLock.xml文件

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#D1EEEE"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="368dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="请输入门禁密码"
            android:textSize="25dp"
            android:gravity="center"
            android:layout_marginTop="30dp"/>
        <EditText
            android:id="@+id/ED_Passward_ID"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入密码" />
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">


            <Button
                android:id="@+id/BT_sure_ID"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="确定"
                android:layout_marginLeft="200dp"/>
            <Button
                android:id="@+id/BT_cancle_ID"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="取消"/>

        </LinearLayout>
        <TextView
            android:id="@+id/TV_reciveID"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text=""
            android:textSize="25dp"
            android:gravity="center"
            android:layout_marginTop="30dp"/>

    </LinearLayout>




</LinearLayout>

界面如下：

到这里所有的UI界面已经设计完成了，接下来就是需要写控制代码了。

源代码：https://download.youkuaiyun.com/download/qq_36243942/11088901

 

评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值