Android 实验二
一．实验目的
使用线性布局、相对布局模拟界面（消息界面、设置界面）二．使用的设备和仪器
计算机+Windows 10+Android studio
三．实验内容及要求
使用线性布局、相对布局模拟界面（消息界面、设置界面）
四．实验步骤
消息界面：
1.程序代码：
<RelativeLayout xmlns:android="schemas.android/apk/res/android"
xmlns:app="schemas.android/apk/res-auto"
xmlns:tools="schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="match_parent"
android:layout_height="50dp"
android:src="@drawable/top"></ImageView>
</RelativeLayout>
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_marginTop="50dp"
android:id="@+id/top1"
android:layout_width="match_parent"
android:layout_height="50dp">
<ImageView
android:layout_marginLeft="5dp"
android:layout_centerVertical="true"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/touxiang"></ImageView>
<TextView
android:layout_marginLeft="50dp"
android:layout_marginTop="8dp"
android:text="张三"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>        <TextView
android:layout_marginLeft="50dp"
android:layout_marginTop="30dp"
android:textSize="10dp"
android:text="你好"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>    </RelativeLayout>
<RelativeLayout
android:id="@+id/top2"
android:layout_below="@id/top1"
android:layout_width="match_parent"
android:layout_height="50dp">
<ImageView
android:layout_marginLeft="5dp"
android:layout_centerVertical="true"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/touxiang"></ImageView>
<TextView
android:layout_marginLeft="50dp"
android:layout_marginTop="8dp"
android:text="张三"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>        <TextView
android:layout_marginLeft="50dp"
android:layout_marginTop="30dp"
android:textSize="10dp"
android:text="你好"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>
</RelativeLayout>
</RelativeLayout>android layout布局
</ScrollView>
<RelativeLayout
android:layout_alignParentBottom="true"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="match_parent"
android:layout_height="60dp"
android:src="@drawable/bottom"></ImageView>
</RelativeLayout>
</RelativeLayout>
2.运行结果：
设置界面：
1.程序代码：
<ScrollView xmlns:android="schemas.android/apk/res/android"
xmlns:app="schemas.android/apk/res-auto"
xmlns:tools="schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:background="#EDEAEA"
android:id="@+id/top"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yi"></ImageView>
<ImageView
android:layout_centerHorizontal="true"
android:src="@drawable/er"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ImageView>        <ImageView
android:layout_alignParentRight="true"
android:src="@drawable/san"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ImageView>    </RelativeLayout>
<RelativeLayout
android:background="#4CAF50"
android:layout_below="@id/top"
android:id="@+id/top2"
android:layout_width="match_parent"
android:layout_height="100dp">
<ImageView
android:layout_marginTop="17dp"
android:layout_marginLeft="100dp"
android:id="@+id/si"
android:src="@drawable/si"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ImageView>        <TextView
android:layout_marginLeft="107dp"
android:layout_below="@id/si"
android:text="收付款"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</TextView>
<ImageView
android:id="@+id/wu"
android:layout_marginTop="17dp"
android:layout_toRightOf="@id/si"
android:layout_marginLeft="100dp"
android:src="@drawable/wu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ImageView>        <TextView
android:layout_marginLeft="273dp"
android:layout_below="@id/wu"
android:text="钱包"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</TextView>
</RelativeLayout>
<RelativeLayout
android:id="@+id/top3"
android:layout_below="@id/top2"
android:layout_width="match_parent"
android:layout_height="120dp">
<TextView
android:text="金融理财"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>        <ImageView
android:layout_marginLeft="15dp"
android:layout_marginTop="25dp"
android:id="@+id/liu"
android:src="@drawable/liu"
android:layout_width="50dp"
android:layout_height="50dp"></ImageView>
<TextView
android:layout_marginLeft="5dp"
android:layout_below="@id/liu"
android:text="信用卡还款"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>        <ImageView
android:layout_toRightOf="@id/liu"
android:id="@+id/qi"
android:layout_width="50dp"
android:layout_height="50dp"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。