Android程序设计基础-设计布局之伪今日头条主界面

一、 实验目的

（1） 掌握Andriod Studio的基本使用方法；
（2） 掌握Andriod Studio中常用的控件及其使用方法；

二、实验内容

（1）使用Android Studio编写任意一个Android程序并运行；
1.activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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">

    <TextView
        android:layout_width="367dp"
        android:layout_height="55dp"
        android:text="Hello world！"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.422"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.022" />

</androidx.constraintlayout.widget.ConstraintLayout>

2.运行结果

(2)综合使用本章学习的各种UI控件仿写“今日头条”主界面。

1．activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@mipmap/jrtt1"
        android:scaleType="fitXY" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="推荐"
            android:textColor="#FF0000"
            android:gravity="center_horizontal"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="视频"
            android:gravity="center_horizontal"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="视频"
            android:gravity="center_horizontal"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="热点"
            android:gravity="center_horizontal"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="社会"
            android:gravity="center_horizontal"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="娱乐"
            android:gravity="center_horizontal"/>
        <ImageView
            android:layout_width="5dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@mipmap/jrtt2"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:layout_marginTop="17dp"
            android:background="#FFFFFF"
            android:paddingLeft="18dp"
            android:paddingRight="18dp"
            android:text="最新！“为烈士寻亲”活动已找到22位烈士的亲属" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:text="人民日报  评论  2157 刚刚"
            android:paddingLeft="18dp"
            android:layout_marginTop="8dp"
            android:background="#FFFFFF" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="66dp"
            android:layout_marginTop="17dp"
            android:background="#FFFFFF"
            android:paddingLeft="18dp"
            android:paddingRight="18dp"
            android:text="那兔清明特别版：他们是为我而死" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:text="人民日报  评论  2284 刚刚"
            android:paddingLeft="18dp"
            android:layout_marginTop="8dp"
            android:background="#FFFFFF" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="142dp"
            android:layout_marginTop="17dp"
            android:background="#FFFFFF"
            android:drawableRight="@mipmap/jrtt4"
            android:drawablePadding="10dp"
            android:paddingLeft="18dp"
            android:paddingRight="8dp"
            android:text="迷你世界：我是上帝，好心帮助乞丐他却不领
                         情，还想骗取财产" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:text="人民日报  评论  2157 刚刚"
            android:paddingLeft="18dp"
            android:layout_marginTop="8dp"
            android:background="#FFFFFF" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:orientation="vertical">
        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:text="比亚迪G5到底有多怪？"
            android:paddingLeft="18dp"
            android:paddingRight="18dp"
            android:layout_marginTop="17dp"
            android:background="#FFFFFF" />

    </LinearLayout>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="141dp"
        android:layout_marginTop="8dp"
        android:background="@mipmap/jrtt3"
        android:paddingLeft="18dp" />
</LinearLayout>

2.运行结果

三、 实验总结

在这次实验中我学会了在模仿中循序渐进，以程序员角度去看待每一个APP是如何实现的，它有什么优缺点，并从中提升自己。克服了很多困难。

四、参考文献

  .Android App开发从入门到精通.安辉 编著. 清华大学出版社, 2018.