* [二、日志图标](about:blank#_71)
* [三、日志弹框](about:blank#_120)
在之前的文章中,准备工作已经完成,现在我们将开始真正的制作。这里将展示 Today页面 的制作过程。
一、背景和标题
在之前章节中已经介绍了文件目录的大致状况。Today页面的布局将在fragment_home.xml文件中进行编写。
这里我们采用RelativeLayout的布局方式
首先,为Today页面添加适合的顶部标签栏:
因为之后在其他页面中也将用到,所以这里我们采用自定义组件的方法,在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页面增加一个好看的背景,为了方便,这边直接使用了高清的图片作为了背景:<