zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

Android实现相对布局的个人界面

Android 实现 布局 界面 个人 相对
2023-09-14 09:04:29 时间
<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="#ffffff"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:orientation="vertical">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_bg"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@mipmap/big_background1"
                android:scaleType="fitXY"
                android:adjustViewBounds="true"
                android:fitsSystemWindows="true" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_avatar"
                android:layout_width="70dp"
                android:layout_height="70dp"
                android:layout_alignParentTop="true"
                android:layout_marginStart="24dp"
                android:layout_marginTop="64dp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_name"
                android:layout_width="wrap_content"
                android:layout_height="25dp"
                android:lines="1"
                android:ellipsize="end"
                android:layout_marginStart="16dp"
                android:layout_marginTop="77dp"
                android:layout_toRightOf="@+id/iv_avatar"
                tools:text="111"
                android:textColor="#ff333333"
                android:textSize="18sp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_id"
                android:layout_width="70dp"
                android:layout_height="17dp"
                android:layout_below="@+id/tv_name"
                android:layout_alignStart="@+id/tv_name"
                android:layout_marginTop="4dp"
                android:text="@string/id"
                android:textColor="#ff999999"
                android:textSize="12sp" />

            <Space
                android:id="@+id/space_1"
                android:layout_below="@id/iv_avatar"
                android:layout_width="10dp"
                android:layout_marginTop="36dp"
                android:layout_centerHorizontal="true"
                android:layout_height="10dp" />

            <Space
                android:id="@+id/space_2"

                android:layout_width="1dp"
                android:layout_height="1dp" />
            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_zero1"
                android:layout_width="14dp"
                android:layout_alignStart="@id/iv_bg"
                android:layout_height="33dp"
                android:layout_alignTop="@id/space_1"
                android:layout_toEndOf="@id/space_2"
                android:text="@string/zero"
                android:textColor="#ff333333"
                android:textSize="24sp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_zero2"
                android:layout_width="14dp"
                android:layout_height="33dp"
                android:layout_alignBottom="@+id/tv_zero1"
                android:layout_alignParentRight="true"
                android:layout_marginRight="100dp"
                android:text="@string/zero"
                android:textColor="#ff333333"
                android:textSize="24sp" />


            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_forcus"
                android:layout_width="28dp"
                android:layout_height="20dp"
                android:layout_alignStart="@+id/tv_zero1"
                android:layout_alignBottom="@id/fanss"
                android:layout_marginStart="-7dp"
                android:text="@string/forcus"
                android:textColor="#ff666666"
                android:textSize="14sp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/fanss"
                android:layout_width="28dp"
                android:layout_height="20dp"
                android:layout_alignRight="@+id/tv_zero2"
                android:layout_alignParentBottom="true"
                android:layout_marginRight="-7dp"
                android:layout_marginBottom="17dp"
                android:text="@string/fans"
                android:textColor="#ff666666"
                android:textSize="14sp" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_back"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_alignBottom="@+id/tv_name"
                android:layout_alignParentRight="true"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="5dp"
                android:src="@mipmap/back" />

        </RelativeLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="98dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_member"
                android:layout_width="150dp"
                android:layout_height="66dp"
                android:layout_alignParentRight="true"
                android:layout_marginTop="16dp"
                android:layout_marginRight="24dp"
                android:src="@mipmap/member" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_wallet_background"
                android:layout_width="150dp"
                android:layout_height="66dp"
                android:layout_alignParentBottom="true"
                android:layout_marginStart="24dp"
                android:layout_marginBottom="16dp"
                android:src="@mipmap/wallet_background" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_wallet"
                android:layout_width="47dp"
                android:layout_height="47dp"
                android:layout_alignStart="@+id/iv_wallet_background"
                android:layout_alignTop="@+id/iv_wallet_background"
                android:layout_marginStart="16dp"
                android:layout_marginTop="10dp"
                android:src="@mipmap/wallet" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_member_hat"
                android:layout_width="47dp"
                android:layout_height="47dp"
                android:layout_alignStart="@+id/iv_member"
                android:layout_alignBottom="@+id/iv_member"
                android:layout_marginStart="14dp"
                android:layout_marginBottom="10dp"
                android:src="@mipmap/member_hat" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_wallet"
                android:layout_width="72dp"
                android:layout_height="22dp"
                android:layout_alignTop="@+id/iv_wallet_background"
                android:layout_alignRight="@+id/iv_wallet_background"
                android:layout_marginTop="22dp"
                android:layout_marginRight="11dp"
                android:text="@string/mywallet"
                android:textColor="#ffffffff"
                android:textSize="16sp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="72dp"
                android:layout_height="22dp"
                android:layout_alignRight="@+id/iv_member"
                android:layout_alignBottom="@+id/tv_wallet"
                android:layout_marginRight="13dp"
                android:text="@string/member"
                android:textColor="#ffffffff"
                android:textSize="16sp" />
        </RelativeLayout>
    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_money"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/tv_money"
                android:layout_marginStart="28dp"
                android:layout_marginBottom="-2dp"
                android:src="@mipmap/money" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_photo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignStart="@+id/iv_money"
                android:layout_alignBottom="@+id/tv_photo"
                android:layout_marginBottom="-2dp"
                android:src="@mipmap/photo" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_movie"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignStart="@+id/iv_photo"
                android:layout_alignBottom="@+id/tv_movie"
                android:layout_marginBottom="-2dp"
                android:src="@mipmap/movie" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_setting"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignStart="@+id/iv_movie"
                android:layout_alignBottom="@+id/tx_setting"
                android:layout_marginBottom="-2dp"
                android:src="@mipmap/setting" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_backmoney"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_alignBottom="@+id/tv_money"
                android:layout_alignParentRight="true"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="4dp"
                android:src="@mipmap/back" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_backphoto"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_alignStart="@+id/iv_backmoney"
                android:layout_alignBottom="@+id/tv_photo"
                android:layout_marginBottom="4dp"
                android:src="@mipmap/back" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_backmovie"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_alignStart="@+id/iv_backmoney"
                android:layout_alignBottom="@+id/tv_movie"
                android:layout_marginBottom="4dp"
                android:src="@mipmap/back" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/iv_backsetting"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_alignStart="@+id/iv_backmoney"
                android:layout_alignBottom="@+id/tx_setting"
                android:layout_marginBottom="4dp"
                android:src="@mipmap/back" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_money"
                android:layout_width="76dp"
                android:layout_height="20dp"
                android:layout_alignParentTop="true"
                android:layout_marginStart="60dp"
                android:layout_marginTop="18dp"
                android:text="@string/money"
                android:textColor="#ff666666"
                android:textSize="14sp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_photo"
                android:layout_width="76dp"
                android:layout_height="20dp"
                android:layout_below="@+id/tv_money"
                android:layout_alignStart="@+id/tv_money"
                android:layout_marginTop="28dp"
                android:text="@string/myphoto"
                android:textColor="#ff666666"
                android:textSize="14sp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_movie"
                android:layout_width="76dp"
                android:layout_height="20dp"
                android:layout_below="@+id/tv_photo"
                android:layout_alignStart="@+id/tv_photo"
                android:layout_marginTop="28dp"
                android:text="@string/mymovie"
                android:textColor="#ff666666"
                android:textSize="14sp" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tx_setting"
                android:layout_width="38dp"
                android:layout_height="20dp"
                android:layout_below="@+id/tv_movie"
                android:layout_alignStart="@+id/tv_movie"
                android:layout_marginTop="28dp"
                android:text="@string/setting"
                android:textColor="#ff666666"
                android:textSize="14sp" />
        </RelativeLayout>
    </LinearLayout>


</LinearLayout>

在这里插入图片描述