Android开发日志打卡APP（一）
文章目录
Android开发日志打卡APP（一）
简介
界面展示
内容总结
1.控件
2.布局
3.技术
开发过程
准备工作
启动页面
底部导航栏
简介
初学Kotlin和安卓开发，期末大作业是要开发一款APP。因为是一个人一组，所以选择了较为简单的日志打卡，因为知识的局限性，做的App在功能上较为简单，并且代码和项目结构有些凌乱。从开始做到结束做了近半个月，中途遇到过大大小小的困难，最后因为快到验收时间，没有完全做完。
界面展示
App设置了3大界面：首页、统计界面、设置界面
内容总结
1.控件
用到十多个控件，主要的常用控件有：TextView、Button、EditText、ImageView、Dialog、ImageButton、Calendar、
ProgressBar、ListView、RecyclerView，并使用了自定义控件的方式，来构建App的界面。
2.布局
用到3个常用布局方式：LinearLayout、RelativeLayout、FrameLayout
3.技术
主要的技术概括：SQLite、Fragment、Material Design等
开发过程
准备工作
新建一个项目，选择"Button Navigation Activity"，Android Studio将会帮你打造好一个"底部导航栏"的框架。
创建后的项目结构如下：
可以看出，此时已经搭建起来了一个底部导航栏。细看代码，在 ui 文件夹下有三个子文件夹，分别是三个UI片段，并用三个Fragment来嵌入到 MainActivity.kt 中。在此基础上，我们开始APP的制作。
启动页面
一个美观的APP都有一个好看的启动页面，所以我也在APP中制作了一个启动页面。
（注：我新建了一个Home.kt文件，来代替了系统原先的MainActivity.kt，将原先的MAinActivity.kt制作成了APP的启动页）
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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" tools:context=".MainActivity"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:layout_alignParentEnd="true" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginStart="-1dp" android:layout_marginTop="-260dp" android:layout_marginEnd="-1dp" android:layout_marginBottom="23dp" android:src="@drawable/back_pt" /> <ImageView android:id="@+id/main_logo" android:layout_width="90dp" android:layout_height="90dp" android:layout_centerHorizontal="true" android:layout_marginTop="520dp" android:scaleType="fitXY" android:src="@drawable/icon" /> <TextView android:id="@+id/main_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/main_logo" android:layout_centerHorizontal="true" android:layout_marginTop="6dp" android:text="Small Daily" android:textColor="#DD3922" android:textSize="20dp" /> </RelativeLayout>
效果如下：
底部导航栏
底部导航栏是在原有框架的基础上进行修改生成的。因此，只要在此基础上修改导航栏对应的图标和名称便可以完成设立。
导航栏的布局文件在 menu 目录中的 bottom_nav_menu.xml中，修改对应的代码：
此外，在 activity_home文件中，将底部导航栏的背景色换成想要的颜色（这里换成了粉色）:
