Android 个人中心页面前端代码

截图：

代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/fragment_setting"
    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"
    android:orientation="vertical"
    android:background="@color/grey_background"
    tools:context=".ui.setting.FragmentSetting">

    <LinearLayout
        android:paddingTop="60dp"
        android:paddingBottom="10dp"
        android:id="@+id/setting_head"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/myPhoto"
            android:layout_width="81dp"
            android:layout_height="103dp"
            android:layout_marginLeft="40sp"
            android:layout_marginRight="20sp"
            android:src="@drawable/head" />
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical">
            <TextView
                android:id="@+id/account"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                style="@style/MyText2"
                android:text="账号:"
                />

            <TextView
                android:id="@+id/lastLoginTime"
                style="@style/MyText2"
                android:layout_below="@+id/account"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="上次登录:" />

            <TextView
                android:id="@+id/setting_tv_account"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="10dp"
                android:layout_toRightOf="@+id/account"
                style="@style/MyText2"
                android:text="账号"
                />

            <TextView
                android:id="@+id/fragmentSetting_tv_lastLoginTime"
                style="@style/MyText2"
                android:textSize="15dp"
                android:gravity="center"
                android:layout_alignBottom="@+id/lastLoginTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/lastLoginTime"
                android:paddingLeft="10dp"
                android:layout_below="@+id/setting_tv_account"
                android:text="2021年6月26日" />
        </RelativeLayout>
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"></View>

    <LinearLayout
        android:id="@+id/setting_ll_history"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:baselineAligned="false"
        android:orientation="horizontal"
        android:background="@color/white">

        <ImageView
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginLeft="20sp"
            android:layout_gravity="center_vertical"
            android:src="@mipmap/notepad"
            android:tint="@color/color_setting_icon"></ImageView>

        <TextView
            style="@style/MyText2"
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:layout_marginLeft="20sp"
            android:layout_gravity="center_vertical"
            android:gravity="center_vertical"
            android:text="历史记录"></TextView>
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"></View>
    <LinearLayout
        android:id="@+id/setting_ll_setting"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="@color/white">

        <ImageView
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginLeft="20sp"
            android:layout_gravity="center_vertical"
            android:src="@mipmap/setting"
            android:tint="@color/color_setting_icon"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:layout_marginLeft="20sp"
            android:text="设置"
            android:layout_gravity="center_vertical"
            android:gravity="center_vertical"
            style="@style/MyText2"></TextView>
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"></View>
    <View
        android:layout_width="match_parent"
        android:layout_height="20sp"></View>
    <LinearLayout
        android:id="@+id/setting_ll_version"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="@color/white">

        <ImageView
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginLeft="20sp"
            android:layout_gravity="center_vertical"
            android:src="@mipmap/application"
            android:tint="@color/color_setting_icon"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:layout_marginLeft="20sp"
            android:text="版本信息"
            android:layout_gravity="center_vertical"
            android:gravity="center_vertical"
            style="@style/MyText2"></TextView>
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"></View>
</LinearLayout>

相关资源

字体样式

    <style name="MyText1">
        <item name="android:textSize">20sp</item>
        <item name="android:textColor">#ffffff</item>
    </style>
    <style name="MyText2" parent="MyText1">
        <item name="android:textColor">#000000</item>
    </style>

颜色

    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    <color name="grey">#434141</color>
    <color name="grey_background">#f3f3f3</color>
    <color name="grey_level_two">#888888</color>
    <color name="grey_level_three">#444444</color>
    <color name="color_setting_icon">#434141</color>

图标图片

注：这些图标是在https://iconpark.oceanengine.com/official下载的

代码地址

此项目是关于学习英语的Android应用，里面有该页面
https://gitee.com/ecoboy/english-word-search.git