用Android Studio设计的一个简单的闹钟APP

该闹钟是用Android Studio为安卓手机设计的一个简单的闹钟APP
一、介绍系统的设计界面

闹钟的布局文件代码如下 <?xml version="1.0" encoding="utf-8"?>

<TimePicker android:layout_width="wrap_content"
android:layout_height="wrap_content" android:id="@+id/timePicker"
android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" /> <Button
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/alarm_state" android:layout_marginTop="5dp"
android:textSize="18dp" android:text="Start" android:id="@+id/alarm_on"
android:layout_alignParentLeft="true" android:layout_alignParentStart="true" />
<Button android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_below="@+id/alarm_state"
android:layout_marginTop="5dp" android:textSize="18dp" android:text="Stop"
android:id="@+id/alarm_off" android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" /> <TextView
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:paddingTop="10dp" android:textSize="25dp" android:text="Did you set the
alarm?" android:id="@+id/alarm_state" android:layout_below="@+id/timePicker"
android:layout_centerHorizontal="true" /> <Spinner
android:layout_width="match_parent" android:layout_height="wrap_content"
android:textSize="18dp" android:id="@+id/spinner"
android:layout_alignParentBottom="true" android:layout_centerHorizontal="true"
/> 秒表功能包含四个功能键，分别为开始，暂停、继续和重置。所以需要四个Button，然后需要三个EditText分别用来给用户输入时分秒。具体的代码如下：
<com.example.administrator.alarm5.TimerView
android:id="@+id/tabTimer"
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:orientation=“vertical”>

<EditText android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/etHour" android:inputType="number" android:singleLine="true"
android:layout_width="0dp" android:layout_weight="1"
android:layout_height="wrap_content" android:textAlignment="center"
android:textStyle="normal|bold" /> <TextView
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text=":" android:textAlignment="center" android:textStyle="normal|bold"
/> <EditText android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/etMin" android:inputType="number" android:singleLine="true"
android:layout_width="0dp" android:layout_weight="1"
android:layout_height="wrap_content" android:textAlignment="center"
android:textStyle="normal|bold" /> <TextView
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text=":" android:textAlignment="center" android:textStyle="normal|bold"
/> <EditText android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/etSec" android:inputType="number" android:singleLine="true"
android:layout_width="0dp" android:layout_weight="1"
android:layout_height="wrap_content" android:textAlignment="center"
android:textStyle="normal|bold" /> </LinearLayout> <LinearLayout
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:id="@+id/btnGroup" android:orientation="horizontal"> <Button
android:id="@+id/btnStart" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="开始" android:textAlignment="center" android:textSize="18sp" />
<Button android:id="@+id/btnPause" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="暂停" android:textSize="18sp" android:textAlignment="center" />
<Button android:id="@+id/btnResume" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="继续" android:textSize="18sp" android:textAlignment="center" />
<Button android:id="@+id/btnReset" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="重置" android:textSize="18sp" android:textAlignment="center" />
</LinearLayout> </com.example.administrator.alarm5.TimerView>

剩下最后一个功能项就是计时器了，这个和上面讲了秒表比较类似，不同的，多一个Button按钮用来计时，另外还需要一个ListView用来显示计时的时间，详细的代码如下：

<com.example.administrator.alarm5.StopWatchView
android:id="@+id/tabStopWatch"
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:orientation=“vertical”>
<LinearLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal">
<TextView android:id="@+id/timeHour" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textAlignment="center" android:fontFamily="sans-serif"
android:textStyle="normal|bold" /> <TextView android:text=":"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textAlignment="center" android:textStyle="normal|bold" /> <TextView
android:id="@+id/timeMin" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_weight="1"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textAlignment="center" android:textStyle="normal|bold" /> <TextView
android:text=":" android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textAlignment="center" android:textStyle="normal|bold" /> <TextView
android:id="@+id/timeSec" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textAlignment="center" android:textStyle="normal|bold" /> <TextView
android:text=":" android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textAlignment="center" android:textStyle="normal|bold" /> <TextView
android:id="@+id/timeMSec" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textAlignment="center" android:textStyle="normal|bold" />
</LinearLayout> <ListView android:layout_width="fill_parent"
android:layout_height="0dp" android:layout_weight="1"
android:id="@+id/lvWatchTimeList"
android:background="@color/common_google_signin_btn_text_dark_default">
</ListView> <LinearLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal"> <Button
android:layout_width="0dp" android:layout_height="wrap_content"
android:layout_weight="1" android:text="开始" android:id="@+id/btnSWStart"
android:textAlignment="center" android:textStyle="normal|bold"
android:textSize="18sp" /> <Button android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="暂停" android:id="@+id/btnSWPause" android:textAlignment="center"
android:textSize="18sp" /> <Button android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="继续" android:id="@+id/btnSWResume" android:textAlignment="center"
android:textSize="18sp" /> <Button android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="重置" android:id="@+id/btnSWReset" android:textSize="18sp"
android:textAlignment="center" /> <Button android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_weight="1"
android:text="计时" android:id="@+id/btnSWLap" android:textSize="18sp"
android:textAlignment="center" /> </LinearLayout>
</com.example.administrator.alarm5.StopWatchView>
上面基本上都介绍完界面布局的代码，这些代码都是activity_mian.xml中的部分代码

• « 上一篇：键盘按键响应时间越快越好吗_【涨姿势】按键无冲、响应延时、键盘调速……你会看机械键盘参数指标吗？...
• » 下一篇：vue项目没有router文件夹_vue项目——Vue Router路由的使用