Android开发日志打卡APP(一)

Android开发日志打卡APP(一)Android开发日志打卡APP(详细)文章目录Android开发日志打卡APP(详细)简介界面展示内容总结1.控件2.布局3.技术开发过程准备工作启动页面简介​ 初学Kotlin和安卓开发,期末大作业是要开发一款APP。因为是一个人一组,所以选择了较为简单的日志打卡,因为知识的局限性,做的App在功能上较为简单,并且代码和项目结构有些凌乱。从开始做到结束做了近半个月,中途遇到过大大小小的困难,最后因为快到验收时间,没有完全做完。界面展示​ App设置了3大界面:首页、统计界面、设置界面[外链图

Android开发日志打卡APP(一)

简介

​ 初学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文件中,将底部导航栏的背景色换成想要的颜色(这里换成了粉色):
在这里插入图片描述

今天的文章Android开发日志打卡APP(一)分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/33187.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注