Android开发日志打卡APP(一)

Android开发日志打卡APP(一)

文章目录

  • Android开发日志打卡APP(一)
    • 简介
    • 界面展示
    • 内容总结
        • 1.控件
        • 2.布局
        • 3.技术
    • 开发过程
        • 准备工作
        • 启动页面
        • 底部导航栏

简介

​ 初学Kotlin和安卓开发,期末大作业是要开发一款APP。因为是一个人一组,所以选择了较为简单的日志打卡,因为知识的局限性,做的App在功能上较为简单,并且代码和项目结构有些凌乱。从开始做到结束做了近半个月,中途遇到过大大小小的困难,最后因为快到验收时间,没有完全做完。

界面展示

​ App设置了3大界面:首页、统计界面、设置界面

Android开发日志打卡APP(一)_第1张图片

内容总结

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将会帮你打造好一个"底部导航栏"的框架。

Android开发日志打卡APP(一)_第2张图片

创建后的项目结构如下:

可以看出,此时已经搭建起来了一个底部导航栏。细看代码,在 ui 文件夹下有三个子文件夹,分别是三个UI片段,并用三个Fragment来嵌入到 MainActivity.kt 中。在此基础上,我们开始APP的制作。

Android开发日志打卡APP(一)_第3张图片

启动页面

一个美观的APP都有一个好看的启动页面,所以我也在APP中制作了一个启动页面。

(注:我新建了一个Home.kt文件,来代替了系统原先的MainActivity.kt,将原先的MAinActivity.kt制作成了APP的启动页)

activity_main.xml




    

    

    


效果如下:

Android开发日志打卡APP(一)_第4张图片

底部导航栏

底部导航栏是在原有框架的基础上进行修改生成的。因此,只要在此基础上修改导航栏对应的图标和名称便可以完成设立。
导航栏的布局文件在 menu 目录中的 bottom_nav_menu.xml中,修改对应的代码:
Android开发日志打卡APP(一)_第5张图片此外,在 activity_home文件中,将底部导航栏的背景色换成想要的颜色(这里换成了粉色):
Android开发日志打卡APP(一)_第6张图片

你可能感兴趣的:(Android,android,移动开发,app,java,vue)