Android 简单用户中心布局实现

说明：

Android 简单用户中心界面布局实现，采用纯LinearLayout线性布局，分组排列，圆角化布局块的设计，实现了类IOS布局边框立体渲染，ImageView头像圆角化的设计。

效果截图:

圆角无布局边框渲染效果图：

非圆角的头像：

圆角头像效果：

头像圆角化带阴影效果

 布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#ebebef"
              android:orientation="vertical"
              tools:context=".MainActivity">
    <!--    android:background="#ebebef"  #FFFAFA
            android:background="@color/bg_gray" -->

    <!--顶部头像信息栏布局-->
    <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@drawable/round_angle">
<!--        <com.example.UserCenter.RoundImageView-->
        <ImageView
                android:id="@+id/imgHead"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:src="@drawable/userface1"
                android:scaleType="fitCenter"
                android:layout_margin="10dp" />

        <LinearLayout
                android:orientation="vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:background="#FFFFFF">
            <TextView
                    android:id="@+id/txtUserName"
                    android:text="IT情深"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="#000000"
                    android:textSize="20sp"/>

            <LinearLayout
                    android:orientation="horizontal"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="#FFFFFF">

                <TextView
                        android:text="ID："
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="5dp"/>


                <TextView
                        android:id="@+id/txtUserID"
                        android:text="wh445306"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="5dp"
                        android:layout_marginTop="5dp"/>


            </LinearLayout>


            <LinearLayout
                    android:orientation="horizontal"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="#FFFFFF">


                <TextView
                        android:text="最后登录时间："
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>


                <TextView
                        android:id="@+id/txtLastTime"
                        android:text="2023-03-11 14:56"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>


            </LinearLayout>

        </LinearLayout>
    </LinearLayout>




    <!--中部功能导航栏布局-->
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:background="@drawable/round_angle" >
            <!--android:background="#FFFFFF"-->

        <TextView
                android:id="@+id/txt1"
                android:text="用户设置"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/colorCaption"
                android:layout_margin="10dp"
                android:drawableLeft="@drawable/ic_baseline_settings_24"
                android:drawableRight="@drawable/ic_baseline_keyboard_arrow_right_24"
                android:drawablePadding="10dp"/>

        <View
                android:layout_height="0.5dp"
                android:layout_width="match_parent"
                android:background="@color/colorDiv" />

        <TextView
                android:id="@+id/txt2"
                android:text="支付管理中心"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/colorCaption"
                android:layout_margin="10dp"
                android:drawableLeft="@drawable/ic_baseline_attach_money_24"
                android:drawableRight="@drawable/ic_baseline_keyboard_arrow_right_24"
                android:drawablePadding="10dp"/>

        <View
                android:layout_height="0.5dp"
                android:layout_width="match_parent"
                android:background="@color/colorDiv" />


        <TextView
                android:id="@+id/txt3"
                android:text="安全中心"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/colorCaption"
                android:layout_margin="10dp"
                android:drawableLeft="@drawable/ic_baseline_security_24"
                android:drawableRight="@drawable/ic_baseline_keyboard_arrow_right_24"
                android:drawablePadding="10dp" />

        <View
                android:layout_height="0.5dp"
                android:layout_width="match_parent"
                android:background="@color/colorDiv" />

        <TextView
                android:id="@+id/txt4"
                android:text="问题与反馈"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/colorCaption"
                android:layout_margin="10dp"
                android:drawableLeft="@drawable/ic_baseline_question_answer_24"
                android:drawableRight="@drawable/ic_baseline_keyboard_arrow_right_24"
                android:drawablePadding="10dp" />

        <View
                android:layout_height="0.5dp"
                android:layout_width="match_parent"
                android:background="@color/colorDiv" />

        <TextView
                android:id="@+id/txt5"
                android:text="招贤纳士"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/colorCaption"
                android:layout_margin="10dp"
                android:drawableLeft="@drawable/ic_baseline_card_giftcard_24"
                android:drawableRight="@drawable/ic_baseline_keyboard_arrow_right_24"
                android:drawablePadding="10dp" />

        <View
                android:layout_height="0.5dp"
                android:layout_width="match_parent"
                android:background="@color/colorDiv" />

        <TextView
                android:id="@+id/txt6"
                android:text="关于我们"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/colorCaption"
                android:layout_margin="10dp"
                android:drawableLeft="@drawable/ic_baseline_account_balance_24"
                android:drawableRight="@drawable/ic_baseline_keyboard_arrow_right_24"
                android:drawablePadding="10dp" />


    </LinearLayout>


    <!--底部布局-->
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@drawable/round_angle">

        <TextView
                android:id="@+id/txt7"
                android:text="云端配置中心"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/colorCaption"
                android:layout_margin="10dp"
                android:drawableLeft="@drawable/ic_baseline_cloud_queue_24"
                android:drawableRight="@drawable/ic_baseline_keyboard_arrow_right_24"
                android:drawablePadding="10dp"/>


    </LinearLayout>

    <Button
            android:id="@+id/btnLogin"
            android:text="注销登录"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center" />



</LinearLayout>