最简单的安卓智能灯控制系统外观设计

来源：互联网发布：林俊杰小瓶子知乎编辑：程序博客网时间：2024/05/16 19:04

将我们实验室做的最简单的安卓智能灯控制系统外观记录于此，希望给需要的朋友带来一丝帮助。

本智能灯系统是由安卓手机做上位机，使用APP控制灯泡的亮灭，为了测试方便，加入了蜂鸣器这一选项。

简单的介绍，下位机通过ESP8266Wifi模块实现数据的传输，上下位之间使用Socket通信进行命令的传输。

感兴趣的可以 Email:nedutestlab@gmail.com

最终的效果图：

主要就是实现输入框和按钮的居中，圆角

好了，下面上main.xml代码：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:background="#515151"    >     <TextView          android:layout_width="fill_parent"            android:layout_height="60dp"          android:background="#1874CD"          android:gravity="center"        android:textStyle="bold"        android:textColor="#D3D3D3"        android:text="高级用户登录"        android:textSize="30sp"/>    <TextView          android:layout_width="fill_parent"            android:layout_height="60dp"                //用于填充空间，也可以使用RelativeLayout嵌套        android:text=" "/><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="370dp"    >     <EditText          android:background="@drawable/shape_wihte_frame"  //设置控件圆角等属性        android:id="@+id/Text1"          android:inputType="phone"                         //设置默认输入数字        android:layout_width="280px"            android:layout_height="50dp"        android:hint="请输入IP"                          //设置阴影提示符        android:layout_marginLeft="20px"/>     <EditText         android:background="@drawable/shape_wihte_frame"   //设置控件圆角等属性        android:id="@+id/Text2"         android:layout_width="280px"            android:layout_height="50dp"        android:hint="请输入Port"                         //设置阴影提示符        android:inputType="phone"                          //设置默认输入数字        android:layout_marginTop="70dp"        android:layout_marginLeft="20px"/>         <Button        android:background="@drawable/shape_green_frame"     //设置控件圆角等属性        android:layout_marginTop="180dp"        android:id="@+id/btn1"        android:layout_width="280px"        android:layout_height="50dp"        android:text="灯光开"         android:textColor="#FFFFF0"        android:layout_marginLeft="20px"    />        <Button        android:background="@drawable/shape_green_frame"     //设置控件圆角等属性        android:layout_marginTop="240dp"        android:id="@+id/btn2"        android:layout_width="280px"        android:layout_height="50dp"        android:text="灯光关"        android:textColor="#FFFFF0"        android:layout_marginLeft="20px"      />     <Button        android:background="@drawable/shape_green_frame"      //设置控件圆角等属性        android:layout_marginTop="300dp"                 android:id="@+id/btn3"        android:layout_width="280px"        android:layout_height="50dp"        android:text="蜂鸣器"        android:textColor="#FFFFF0"        android:layout_marginLeft="20px"      />      </RelativeLayout></LinearLayout>

我们能看见这句代码，他就是设置圆角的地方。

android:background="@drawable/shape_green_frame"      //设置控件圆角等属性

下面我们将在drawable文件里面新建两个xml文档，用来设置这些属性。

shape_wihte_frame.xml

 <!-- 形状 --><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <solid android:color="#ffffff" />    <!-- 边框 -->    <stroke        android:width="1dip"        android:color="#ffffff" />    <!-- 内填充颜色 -->    <padding        android:bottom="10dp"        android:left="10dp"        android:right="10dp"        android:top="10dp" />    <!-- 圆角 -->    <corners android:radius="6dp" /></shape>

shape_green_frame.xml

 <!-- 形状 --><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <solid android:color="#7CCD7C" />    <!-- 边框 -->    <stroke        android:width="1dip"        android:color="#7CCD7C" />    <!-- 内填充颜色 -->    <padding        android:bottom="10dp"        android:left="10dp"        android:right="10dp"        android:top="10dp" />    <!-- 圆角 -->    <corners android:radius="6dp" /></shape>

1 0