Android开发：使用AndroidStudio开发记单词APP（带数据库）

以你之姓@ 2024-03-22 10:36 103阅读 0赞

### 一、功能与要求 ###

**实现功能**：设计与开发记单词系统的四个界面，分别是用户登录、用户注册、单词操作以及忘记密码。  
**指标要求**：通过用户登录、用户注册、单词操作、忘记密码掌握界面设计的基础，其中包括界面布局、常用控件、事件处理等相关内容，通过所学内容设计与开发的界面要求简洁、美观。

### 二、方案设计 ###

##### （一）用户登录界面 #####

该界面采用LinearLayout布局，界面中包含整体界面采用线性布局布局方式，界面中包含TextView、EditText、Button等控件，布局设计如下图1所示：  
![在这里插入图片描述][b8090e5154e94c8e94afc33edbb68b76.png]  
图1 用户登录界面设计

##### (二) 用户注册界面 #####

该界面采用LinearLayout布局，界面中包含TextView、EditText、Button、RadioGroup、radioButton、toggleButton、checkBox、spinner等控件，布局设计如下图2所示：  
![在这里插入图片描述][b9deb1d53bc14f11b7889cd4dd2c4960.png]

图2 用户注册界面设计

##### （三）单词操作界面 #####

该界面采用…布局，界面中包含textview、TableRow、EditText、Button、TableRow、ListView、RatingBar等控件，布局设计如下图3所示：

![在这里插入图片描述][e7452c84df1c402ca8a38882aad2d130.png]

图3 单词操作界面设计

##### （四）忘记密码界面 #####

该界面采用…布局，界面中包含textview、EditText、Button等控件,布局设计如下图4所示：  
![在这里插入图片描述][e2e9f43646fb4f25b8c9e67d48c79a63.png]

图4 忘记密码界面

### 三、项目实现步骤 ###

##### 步骤1：搭建开发环境。 #####

1.创建项目ReadWord

![在这里插入图片描述][0259d5d42ff446949852c94715f72a20.png]

##### 步骤2：准备资源。 #####

2.1 准备好项目所需要的图片  
![在这里插入图片描述][c994167d615b472c831e67a541a8a97f.png]

2.2 将图片资源放入到项目的mipmap文件下  
![在这里插入图片描述][d4ebc17a08cf4bc1bf02422c170d7ed4.png]

##### 步骤3：UI设计与开发。 #####

3.1 使用相对布局等管理器来实现界面的布局  
![在这里插入图片描述][70f0c58e1a5741f58f5ad14f68dc9179.png]

##### 步骤4：编写程序实现业务逻辑。 #####

4.1使用简单的控件和相对布局来实现界面

### 四、项目实现 ###

#### （一）用户登录界面 ####

界面如下图5所示：  
![在这里插入图片描述][80253ef053044fd0beb21997784ea7f9.png]  
图5 用户登录界面

布局代码如下：

#### (二) 用户注册界面 ####

界面如下图6所示：  
![在这里插入图片描述][7ea82d5dfe254390bd1e22519ea6c425.png]  
布局代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:background="@mipmap/bgs"
        tools:context=".Activity.RegisterActivity">
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="30sp"
                android:textStyle="bold"
                android:text="用户信息" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="20sp"
                android:textStyle="bold"
                android:text="用户名称：" />
    
            <EditText
                android:id="@+id/editText1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:ems="10"
                android:hint="请输入用户名"
                android:inputType="textPersonName" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="20sp"
                android:textStyle="bold"
                android:text="用户密码：" />
    
            <EditText
                android:id="@+id/editText2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:ems="10"
                android:hint="请输入六位数字"
                android:inputType="textPassword" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="20sp"
                android:textStyle="bold"
                android:text="用户实名：" />
    
            <EditText
                android:id="@+id/editText3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:ems="10"
                android:hint="与身份证保持一致"
                android:inputType="textPersonName" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:textStyle="bold"
                android:text="性别：" />
    
            <RadioGroup
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">
    
                <RadioButton
                    android:id="@+id/radioButton"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:checked="true"
                    android:text="男" />
    
                <RadioButton
                    android:id="@+id/radioButton2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="女" />
            </RadioGroup>
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:textStyle="bold"
                android:text="婚否：" />
    
            <ToggleButton
                android:id="@+id/toggleButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textOff="未婚"
                android:textOn="已婚" />
    
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:textStyle="bold"
                android:text="爱好：" />
    
            <CheckBox
                android:id="@+id/checkBox"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="阅读" />
    
            <CheckBox
                android:id="@+id/checkBox2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="游泳" />
    
            <CheckBox
                android:id="@+id/checkBox3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="跑步" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/textView8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:textStyle="bold"
                android:text="职务：" />
    
            <Spinner
                android:id="@+id/spinner"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:entries="@array/arrays" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <Button
                android:id="@+id/button6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:textStyle="bold"
                android:onClick="onClick"
                android:text="取消" />
    
            <Button
                android:id="@+id/button7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:textStyle="bold"
                android:onClick="onClick"
                android:text="注册" />
        </LinearLayout>
    
    </LinearLayout>

#### (三) 单词操作界面 ####

界面如下图7所示：  
![在这里插入图片描述][4954d9f5ecfa494db6eabe3073c4946f.png]  
布局代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@mipmap/bgs"
        tools:context=".Activity.WordOperateActivity">
        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            >
            <TableRow
                android:layout_width="match_parent"
                android:layout_height="600dp">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="30dp"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical">
                    <TextView
                        android:id="@+id/textView11"
                        android:layout_width="wrap_content"
                        android:layout_height="90dp"
                        android:layout_weight="1"
                        android:gravity="bottom"
                        android:text="单词操作界面"
                        android:textSize="23sp"
                        android:textStyle="bold" />
                </LinearLayout>
            </TableRow>
            <TableRow
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="130dp"
                    android:layout_marginTop="20dp"
                    android:orientation="vertical">
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">
    
                        <TextView
                            android:id="@+id/textView12"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:textSize="24sp"
                            android:gravity="center"
                            android:text="单词："
                            android:textStyle="bold" />
    
                        <EditText
                            android:id="@+id/edit_danci"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:ems="10"
                            android:hint="请输入单词"
                            android:gravity="left"
                            android:inputType="textPersonName" />
                    </LinearLayout>
    
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">
    
                        <TextView
                            android:id="@+id/textView13"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="24sp"
                            android:layout_weight="1"
                            android:gravity="center"
                            android:text="解析："
                            android:textStyle="bold" />
    
                        <EditText
                            android:id="@+id/edit_jiexi"
                            android:layout_width="wrap_content"
                            android:ems="10"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:gravity="left"
                            android:hint="请输入解析"
                            android:inputType="textPersonName" />
                    </LinearLayout>
                </LinearLayout>
            </TableRow>
    
            <TableRow
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center">
    
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="horizontal">
    
                    <Button
                        android:id="@+id/btn_add"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:onClick="onClick"
                        android:text="添加" />
    
                    <Button
                        android:id="@+id/btn_sel"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:onClick="onClick"
                        android:text="查询" />
    
                    <Button
                        android:id="@+id/btn_edit"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:onClick="onClick"
                        android:text="更新" />
    
                    <Button
                        android:id="@+id/btn_del"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:onClick="onClick"
                        android:text="删除" />
                </LinearLayout>
    
            </TableRow>
    
            <TableRow
                android:layout_width="match_parent"
                android:layout_height="match_parent" >
    
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical">
    
                    <Button
                        android:id="@+id/btn_selAll"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="查看全部词汇" />
                </LinearLayout>
    
            </TableRow>
    
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical">
    
                <ListView
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:id="@+id/list_view"
                    >
    
    
    
    
    
    
    
    
    
    
    
    
    
    
                </ListView>
    
            </LinearLayout>
    
    
            <TableRow
                android:layout_width="match_parent"
                android:layout_height="257dp"
                android:gravity="center">
    
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical">
    
                    <TextView
                        android:id="@+id/textView10"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content" />
                </LinearLayout>
            </TableRow>
    
            <TableRow
                android:layout_width="match_parent"
                android:layout_height="match_parent" >
    
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="horizontal">
    
                    <RatingBar
                        android:id="@+id/ratingBar"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content" />
                </LinearLayout>
    
            </TableRow>
    
    
            <TableRow
                android:layout_width="match_parent"
                android:layout_height="match_parent" >
    
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical">
    
                    <Button
                        android:id="@+id/button12"
                        android:layout_width="160dp"
                        android:layout_height="wrap_content"
                        android:text="提交评论" />
                </LinearLayout>
            </TableRow>
        </TableLayout>
    </LinearLayout>

#### （四）忘记密码界面 ####

界面如下图8所示：  
![在这里插入图片描述][1001eb4492e943b99e01ce2d9cdceb39.png]  
布局代码如下：

### 五、项目总结 ###

通过该项目的设计，掌握Android项目设计开发流程，完成了一款记单词软件，UI布局界面使用了很多控件，使我掌握了TextView、EditText、Button、ratingBar、RadioGroup、radioButton、toggleButton、checkBox、spinner等控件的使用、后台使用了AlertDialog实现了注册按钮弹出对话框。此次项目设计不仅仅使对我技术上的锻炼有所提高，更多的是为我之后的学习奠定了良好的基础，但是依然有很多的不足之处需要我们继续完善和改正。

[b8090e5154e94c8e94afc33edbb68b76.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/16997d8a3ddd466fb1ce6eab095d8ffb.png
[b9deb1d53bc14f11b7889cd4dd2c4960.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/5cfcc1ba2adc454d933f93e9b7785f50.png
[e7452c84df1c402ca8a38882aad2d130.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/7e474a039cbd40c28b1ab5fa57a9fd9d.png
[e2e9f43646fb4f25b8c9e67d48c79a63.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/3a70089a5a4a445c8dc7ceea4bf846f7.png
[0259d5d42ff446949852c94715f72a20.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/83e78ea5e75d4868bb4ca56ebc665f35.png
[c994167d615b472c831e67a541a8a97f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/76c322fd8a34465fb08ba157730babac.png
[d4ebc17a08cf4bc1bf02422c170d7ed4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/6aa9b0e9b40642de85952a81a96dbf51.png
[70f0c58e1a5741f58f5ad14f68dc9179.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/f0797024922c4bd3a0facc721802211a.png
[80253ef053044fd0beb21997784ea7f9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/3b3e23ea81ca4fbf98da41fa3fd7fea3.png
[7ea82d5dfe254390bd1e22519ea6c425.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/46aac9748496459c80d38a1d153705e3.png
[4954d9f5ecfa494db6eabe3073c4946f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/740076ac91bd4094818cd63de0768f61.png
[1001eb4492e943b99e01ce2d9cdceb39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/c4f02738f1a74a8594c74354b691ffdd.png