用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中的部分代码

版权声明:本文为laugh_at_me原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。