Android开发日志打卡APP(二)

本文详细介绍了在Android开发中创建日志打卡应用的UI设计过程,包括自定义组件实现标题栏,设置背景图片,添加日志图标以及创建日志弹框的步骤。通过一步步的代码解析,展示了如何利用ImageButton和TextView制作日志图标,以及如何构建对话框样式。
摘要由CSDN通过智能技术生成

因为之后在其他页面中也将用到,所以这里我们采用自定义组件的方法,在fragment_home.xml中进行了调用:


    <include

        android:id="@+id/ic_main"

        layout="@layout/custom_control_home_title"/>



查看custom_control_home_title.xml文件,如下:


<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="60dp"

    android:background="@color/pink_02">



    <TextView

        android:id="@+id/home_title_main"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Today"

        android:textSize="26dp"

        android:textColor="@color/white"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="10dp"/>

</RelativeLayout>



这样,在Today页面就可以看到顶部已经存在该标题栏了。

接着,我们为Today页面增加一个好看的背景,为了方便,这边直接使用了高清的图片作为了背景:


    //背景

    <ImageView

        android:layout_below="@+id/ic_main"

        android:layout_marginLeft="-25dp"

        android:layout_width="500dp"

        android:layout_height="match_parent"

        android:scaleType="fitXY"

        android:src="@drawable/back_icon"/>





背景图片我已经上传到图床,供大家参考:

背景图连接

此时页面如下:

在这里插入图片描述


<
  • 29
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值