截图:
代码
<?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