Android 简单用户中心布局实现

今天药忘吃喽~ 2023-10-04 23:22 6阅读 0赞

**说明：**

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

**效果截图:**

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

![22c064f908be4c6493873203d5a3c5f0.png][]

非圆角的头像：

![976c328f0d0c4f7dbd8ed96e40d81d60.png][]

圆角头像效果：

![c080f926b284455a9ba53a10631475bc.png][]

**头像圆角化带阴影效果**

![de2609fc3448437b9eecc44b6210929a.png][]

布局文件：

<?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">
        
    
        
        <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:background="@drawable/round_angle">
    
            <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" >
                
    
            <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>

[22c064f908be4c6493873203d5a3c5f0.png]: https://img-blog.csdnimg.cn/22c064f908be4c6493873203d5a3c5f0.png
[976c328f0d0c4f7dbd8ed96e40d81d60.png]: https://img-blog.csdnimg.cn/976c328f0d0c4f7dbd8ed96e40d81d60.png
[c080f926b284455a9ba53a10631475bc.png]: https://img-blog.csdnimg.cn/c080f926b284455a9ba53a10631475bc.png
[de2609fc3448437b9eecc44b6210929a.png]: https://img-blog.csdnimg.cn/de2609fc3448437b9eecc44b6210929a.png