基于eclipse的android项目实战—博学谷（九）个人资料界面

最新推荐文章于 2024-03-30 11:21:14 发布

雨云21

最新推荐文章于 2024-03-30 11:21:14 发布

阅读量5.3k

点赞数 9

分类专栏： Android 文章标签：安卓 android

本文链接：https://blog.csdn.net/hyh17808770899/article/details/106034138

版权

Android 专栏收录该内容

42 篇文章 35 订阅

订阅专栏

本项目是用eclipse软件编写，经过我的亲自实践，其真实有效，希望能给您有所帮助😘😘
项目版本：android5.1.1
AVD建议：android4.4.2及以上

BoXueGu源码资源下载链接：
https://download.csdn.net/download/hyh/19477319

BoXueGu图片资源下载（免费）：
https://yuyunyaohui.lanzoui.com/iWos0pyc4rc

效果图：

在这里插入图片描述

个人资料界面主要用于显示用户信息，其中包含用户头像、用户名、昵称、性别和签名，除了头像和用户名不可修改之外，其余信息均可修改

1.创建个人资料界面布局文件`activity_user_info.xml`

res/layout文件夹中新建activity_user_info.xml文件，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:background="@android:color/white">
    
    <include layout="@layout/main_title_bar"/>
    
    <RelativeLayout 
        android:id="@+id/rl_head"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="@string/head"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <ImageView
            android:id="@+id/iv_head_icon"
            android:layout_width="60dp"
            android:layout_height="60dp"
        	android:contentDescription="@null"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:src="@drawable/default_icon"/>
    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E4E4E4"/>
    <RelativeLayout
        android:id="@+id/rl_account"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="@string/user_name"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <TextView
            android:id="@+id/tv_user_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:textColor="#a3a3a3"
            android:textSize="18sp"/>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E4E4E4"/>
    <RelativeLayout
        android:id="@+id/rl_nickName"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="@string/nickName"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <TextView
            android:id="@+id/tv_nickName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:textColor="#a3a3a3"
            android:textSize="18sp"/>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E4E4E4"/>
    <RelativeLayout
        android:id="@+id/rl_sex"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="@string/sex"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <TextView
            android:id="@+id/tv_sex"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:textColor="#a3a3a3"
            android:textSize="18sp"/>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E4E4E4"/>
    <RelativeLayout
        android:id="@+id/rl_signature"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="@string/signature"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <TextView
            android:id="@+id/tv_signature"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:textColor="#a3a3a3"
            android:textSize="18sp"/>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E4E4E4"/>
</LinearLayout>

文本信息在values文件夹下的string.xml文件里面：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="head">头    像</string>
    <string name="user_name">用户名</string>
    <string name="nickName">昵    称</string>
    <string name="sex">性    别</string>
    <string name="signature">签     名</string>
</resources>

2.创建UserBean

博学谷用户具有用户名、昵称、性别等信息，为了便于后续对这些属性进行操作, 创建一个UserBean类来存放这些属性。

选中china.ynyx.heyunhui包，在该包下创建一个china.ynyx.heyunhui.bean包，在.bean包中创建一个Java类，命名为UserBean。

UserBean.java 具体代码：

package china.ynyx.heyunhui.bean;

public class UserBean {
	public  String userName;
    public  String nickName;
    public  String sex;
    public  String signature;
}

3.创建用户信息表

在个人资料界面中，由于经常会对用户信息进行保存和更新，因此需要创建一个数据库来对用户信息进行操作，便于后续数据的显示和更新。

创建SQLiteHelper 类
选中china.ynyx.heyunhui包，在该包下创建一个china.ynyx.heyunhui.sqlite包。在.sqlite包中创建一个Java类，命名为SQLiteHelper并继承SQLiteOpenHelper类，同时重写onCreate()方法，该类用于创建bxg.db数据库。
在这里插入图片描述
SQLiteHelper.java 具体代码：

package china.ynyx.heyunhui.sqlite;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

public class SQLiteHelper extends SQLiteOpenHelper {

	private static final int DB_VERSION = 1;
    public static String DB_NAME = "bxg.db";
    public static final String U_USERINFO = "userinfo";// 个人资料
    public static final String U_VIDEO_PLAY_LIST = "videoplaylist";//视频播放列表
    public SQLiteHelper(Context context) {
        super(context, DB_NAME, null, DB_VERSION);
    }
    
	@Override
	public void onCreate(SQLiteDatabase db) {
		// TODO Auto-generated method stub
		/**
         * 创建个人信息表
         */
        db.execSQL("CREATE TABLE  IF NOT EXISTS " + U_USERINFO + "( "
                + "_id INTEGER PRIMARY KEY AUTOINCREMENT, "
                + "userName VARCHAR, "// 用户名
                + "nickName VARCHAR, "// 昵称
                + "sex VARCHAR, "// 性别
                + "signature VARCHAR"// 签名
                + ")");
        // 创建视频播放记录表
        db.execSQL("CREATE TABLE  IF NOT EXISTS " + U_VIDEO_PLAY_LIST + "( "
                + "_id INTEGER PRIMARY KEY AUTOINCREMENT, "
                +" userName VARCHAR,"//用户名
                + "chapterId INT, "//章节ID号
                + "videoId INT, "// 小节ID号
                + "videoPath VARCHAR, "// 视频地址
                + "title VARCHAR,"// 视频章节名称
                + "secondTitle VARCHAR"// 视频名称
                + ")");
	}

	/**
     * 当数据库版本号增加时才会调用此方法
     */
	@Override
	public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
		// TODO Auto-generated method stub
		db.execSQL("DROP TABLE IF EXISTS " + U_USERINFO);
        db.execSQL("DROP TABLE IF EXISTS " + U_VIDEO_PLAY_LIST);
        onCreate(db);
	}
}

4.DBUtils工具类

DBUtils工具类专门用于操作数据库。通过DBUtils类可以读取数据库中保存的用户信息，将用户的个人信息保存到数据库中，以及对数据库中保存的用户信息进行修改。

在china.ynyx.heyunhui.utils包中创建一个Java类，命名为DBUtils

package china.ynyx.heyunhui.utils;

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import china.ynyx.heyunhui.bean.UserBean;
import china.ynyx.heyunhui.sqlite.SQLiteHelper;

public class DBUtils {

	private static DBUtils instance = null;
    private static SQLiteHelper helper;
    private static SQLiteDatabase db;
    public DBUtils(Context context) {
        helper = new SQLiteHelper(context);
        db = helper.getWritableDatabase();
    }
    public static DBUtils getInstance(Context context) {
        if (instance == null) {
            instance = new DBUtils(context);
        }
        return instance;
    }
    /**
     * 保存个人资料信息
     * 首先创建ContentValues对象， 通过ContentValues对象的cv.put()方法放入用户属性，最后调用insert()方法将用户属性保 存到数据库中。
     */
    public void saveUserInfo(UserBean bean) {
        ContentValues cv = new ContentValues();
        cv.put("userName", bean.userName);
        cv.put("nickName", bean.nickName);
        cv.put("sex", bean.sex);
        cv.put("signature", bean.signature);
        db.insert(SQLiteHelper.U_USERINFO, null, cv);
    }
    /**
     * 获取个人资料信息
     * 将査询到的个人信息存放到UserBean对象中。最后返回一个包含 个人资料信息的UserBean对象给方法调用者
     */
    public UserBean getUserInfo(String userName) {
    	//査询数据库的SQL语句
        String sql = "SELECT * FROM " + SQLiteHelper.U_USERINFO + " WHERE userName=?";
        Cursor cursor = db.rawQuery(sql, new String[]{userName});
        UserBean bean = null;
        while (cursor.moveToNext()) {
            bean = new UserBean();
            bean.userName=cursor.getString(cursor.getColumnIndex("userName"));
            bean.nickName=cursor.getString(cursor.getColumnIndex("nickName"));
            bean.sex=cursor.getString(cursor.getColumnIndex("sex"));
            bean.signature=cursor.getString(cursor
                    .getColumnIndex("signature"));
        }
        cursor.close();
        return bean;
    }
    /**
     * 修改个人资料
     * 通过调用ContentValues对象的update()方 法修改数据库中的个人资料。
     */
    public void updateUserInfo(String key, String value, String userName) {
        ContentValues cv = new ContentValues();
        cv.put(key, value);
        db.update(SQLiteHelper.U_USERINFO, cv, "userName=?",
                new String[]{userName});
    }
}

5.个人资料界面逻辑代码

个人资料界面主要用于展示用户的相关信息，当进入个人资料界面时，首先査询数据库中的用户信息，并将信息展示到界面上。
当点击“昵称”时跳转到昵称修改界面，当点击“性别”时弹出性别选择对话框，当点击“签名”时跳转到签名修改界面。

在china.ynyx.heyunhui.activity包中创建一个Java类，命名为UserInfoActivity

package china.ynyx.heyunhui.activity;

import android.support.v7.app.AppCompatActivity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.pm.ActivityInfo;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;
import china.ynyx.heyunhui.R;
import china.ynyx.heyunhui.bean.UserBean;
import china.ynyx.heyunhui.utils.AnalysisUtils;
import china.ynyx.heyunhui.utils.DBUtils;

public class UserInfoActivity extends AppCompatActivity implements OnClickListener{
	
	private TextView tv_back;
    private TextView tv_main_title;
    private TextView tv_nickName, tv_signature, tv_user_name, tv_sex;
    private RelativeLayout rl_nickName, rl_sex, rl_signature,
            rl_title_bar;
    private String spUserName;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user_info);
        //设置此界面为竖屏
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
        //从SharedPreferences中获取登录时的用户名
        spUserName = AnalysisUtils.readLoginUserName(this);
        init();
        initData();
        setListener();
    }
    /**
     * 初始化控件
     */
    private void init() {
        tv_back = (TextView) findViewById(R.id.tv_back);
        tv_main_title = (TextView) findViewById(R.id.tv_main_title);
        tv_main_title.setText("个人资料");
        rl_title_bar = (RelativeLayout) findViewById(R.id.title_bar);
        rl_title_bar.setBackgroundColor(Color.parseColor("#30B4FF"));
        rl_nickName = (RelativeLayout) findViewById(R.id.rl_nickName);
        rl_sex = (RelativeLayout) findViewById(R.id.rl_sex);
        rl_signature = (RelativeLayout) findViewById(R.id.rl_signature);
        tv_nickName = (TextView) findViewById(R.id.tv_nickName);
        tv_user_name = (TextView) findViewById(R.id.tv_user_name);
        tv_sex = (TextView) findViewById(R.id.tv_sex);
        tv_signature = (TextView) findViewById(R.id.tv_signature);
    }
    /**
     * 获取数据
     */
    private void initData() {
        UserBean bean = null;
        bean = DBUtils.getInstance(this).getUserInfo(spUserName);
        // 首先判断一下数据库是否有数据
        if (bean == null) {
            bean = new UserBean();
            bean.userName=spUserName;
            bean.nickName="雨云耀辉";
            bean.sex="男";
            bean.signature="雨云耀辉";
            //保存用户信息到数据库
            DBUtils.getInstance(this).saveUserInfo(bean);
        }
        setValue(bean);
    }
    /**
     * 为界面控件设置值
     */
    private void setValue(UserBean bean) {
        tv_nickName.setText(bean.nickName);
        tv_user_name.setText(bean.userName);
        tv_sex.setText(bean.sex);
        tv_signature.setText(bean.signature);
    }
    /**
     * 设置控件的点击监听事件
     */
    private void setListener() {
        tv_back.setOnClickListener(this);
        rl_nickName.setOnClickListener(this);
        rl_sex.setOnClickListener(this);
        rl_signature.setOnClickListener(this);
    }
    /**
     * 控件的点击事件
     */
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.tv_back://返回键的点击事件
                this.finish();
                break;
            case R.id.rl_nickName://昵称的点击事件
                break;
            case R.id.rl_sex://性别的点击事件
                String sex = tv_sex.getText().toString();//获取性别控件上的数据
                sexDialog(sex);
                break;
            case R.id.rl_signature://签名的点击事件
                break;
            default:
                break;
        }
    }
    /**
     * 设置性别的弹出框
     */
    private void sexDialog(String sex){
        int sexFlag=0;
        if("男".equals(sex)){
            sexFlag=0;
        }else if("女".equals(sex)){
            sexFlag=1;
        }
        final String items[]={"男","女"};
        AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器
        builder.setTitle("性别"); //设置标题
        builder.setSingleChoiceItems(items,sexFlag,new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {//第二个参数是默认选中的哪个项
                dialog.dismiss();
                Toast.makeText(UserInfoActivity.this,items[which],Toast.LENGTH_SHORT).show();
                setSex(items[which]);
            }
        });
        builder.create().show();
    }
    /**
     * 更新界面上的性别数据
     */
    private void setSex(String sex){
        tv_sex.setText(sex);
        // 更新数据库中的性别字段
        DBUtils.getInstance(UserInfoActivity.this).updateUserInfo("sex",
                sex, spUserName);
    }
}

6.功能完善

（1）修改“我”的界面代码
由于个人资料界面是通过“我”的界面跳转的，因此需要在“我的模块”中找到MylnfoView.java文件中的initView()方法，在注释“//已登录跳转到个人资料界面” 下方添加如下代码，并导入对应的包

Intent intent = new Intent(mContext,UserInfoActivity.class);
mContext.startActivity(intent);

在这里插入图片描述

（2）修改AndroidManifest.xml清单文件
别忘了在AndroidManifest.xml清单文件中注册：

<activity android:name="china.ynyx.heyunhui.activity.UserInfoActivity"></activity>

参考资料：《android项目实战——博学谷》（黑马程序员著）

雨云21

关注

9
点赞
踩
46

收藏

觉得还不错? 一键收藏
打赏
2
评论
基于eclipse的android项目实战—博学谷（九）个人资料界面

本项目是用eclipse软件编写，经过我的亲自实践，其真实有效，希望能给您有所帮助????????项目版本：android4.0 AVD建议：android4.4及以上文章目录效果图：1.创建个人资料界面布局文件`activity_user_info.xml`2.创建UserBean3.创建用户信息表4.DBUtils工具类5.个人资料界面逻辑代码效果图：个人资料界面主要用于显示用户信息，其中包含用户头像、用户名、昵称、性别和签名，除了头像和用户名不可修改之外，其余信息均可修改1.创建个人资
复制链接

扫一扫