android app安卓应用实例：起始页+fragment底部导航栏+ViewPager滑动切换+个人信息界面（二）

起始页+fragment底部导航栏+ViewPager滑动切换+个人信息界面示例安卓app

上篇写了起始页、底部导航栏和滑动切换界面，这篇写的是个人信息界面的一个小示例。

如果想看上篇笔记，传送门在这里~~

android app安卓应用实例：起始页+fragment底部导航栏+ViewPager滑动切换+个人信息界面（一）

来！
先上效果图~

参考了网上一些大佬的代码和界面，简单地做了一个安卓app的个人信息的基本界面，基于Android studio。

这里先感谢写Android菜鸟教程的那位大哥，在他的教程里我学到了很多东西，我把这篇写下来，一来想写个笔记，二来希望能和大家一起交流学习，如有错误，还请多多指教~

=============================
个人信息这里包括 昵称、性别、年龄、身高、体重
需要自己准备的图片：一张你喜欢的头像，一张箭头符号图片

先来个布局界面~

fg_info.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/bg_white">
<LinearLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/bg_white"
    android:weightSum="1">

    <com.example.asus.huadong.CircleImageView
        android:layout_width="80dp"
        android:layout_height="120dp"
        android:src="@mipmap/myprofile"
        app:type="circle"
        android:layout_gravity="center"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp" />
    <View
        style="@style/BigDivider"/>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                style="@style/text_item"
                android:text="佛性人生c"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="40dp"
                android:id="@+id/my_name" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/setting_arrow"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="20dp" />

            <Button
                style="@style/info_item"
                android:text="昵称"
                android:id="@+id/myname" />

        </FrameLayout>
        <View
            style="@style/BigDivider"/>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                style="@style/text_item"
                android:text="男"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="40dp"
                android:id="@+id/my_gender" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/setting_arrow"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="20dp" />

            <Button
                style="@style/info_item"
                android:text="性别"
                android:id="@+id/mygender" />

        </FrameLayout>
    <View
        style="@style/HorizonTalDivider"/>
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                style="@style/text_item"
                android:text="0 岁"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="40dp"
                android:id="@+id/my_old" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/setting_arrow"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="20dp" />

            <Button
                style="@style/info_item"
                android:text="年龄"
                android:id="@+id/myold" />

        </FrameLayout>

    <View
        style="@style/HorizonTalDivider"/>
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                style="@style/text_item"
                android:text="50 厘米"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="40dp"
                android:id="@+id/my_tall" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/setting_arrow"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="20dp" />

            <Button
                style="@style/info_item"
                android:text="身高"
                android:id="@+id/mytall" />

        </FrameLayout>

    <View
        style="@style/HorizonTalDivider"/>
        <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
            <TextView
                style="@style/text_item"
                android:text="10 公斤"
                android:layout_gravity="center_vertical|right"
                android:layout_marginRight="40dp"
                android:id="@+id/my_weight" />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/setting_arrow"
            android:layout_gravity="center_vertical|right"
            android:layout_marginRight="20dp" />
        <Button
            style="@style/info_item"
            android:text="体重"
            android:id="@+id/myweight"/>
    </FrameLayout>

</LinearLayout>
</ScrollView>

上面用到的CircleImageView的代码，就是一个圆形图像，作为头像会比较好看，感谢写Android菜鸟教程的大哥给的示例，他是这么写的：

CircleImageView.java

package com.example.asus.huadong;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.graphics.Xfermode;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

import java.lang.ref.WeakReference;

public class CircleImageView extends ImageView {
   

    private Paint mPaint;
    private Xfermode mXfermode = new PorterDuffXfermode(PorterDuff.Mode.DST_IN);
    private Bitmap mMaskBitmap;
    private WeakReference<Bitmap