上一节对视频模块进行了综述(可参见 10. 视频模块 进行了解)，接下来将从“我”模块（一）开始详细介绍：
- “我”模块（一）之创建数据库
- “我”模块（一）之“我”
- “我”模块（一）之注册
- “我”模块（一）之登录
- “我”模块（一）之个人资料
- “我”模块（一）之个人资料修改
知识点
- 掌握SQLite数据库的使用，能够使用数据库存储用户信息。
- 掌握“我”界面开发，能够展示用户基本信息以及该界面的功能。
- 掌握“登录”“注册”界面的开发，实现用户登录注册功能。
- 掌握“个人资料”以及“修改”界面的开发，实现用户信息的展示与修改功能。
个人资料
任务综述：
“个人资料”界面主要用于显示用户信息，其中包含用户头像、用户名、昵称、性别和签名，除了用户名无须修改以外，其余信息均可修改。当注册一个新用户并第一次进入“个人资料”界面时，除用户名以外的信息均使用默认值，当修改个人资料信息时需要使用SQLite数据库进行保存。
12. “个人资料”界面
任务分析：
"个人资料"界面主要用于展示用户的个人信息，包括用户头像、用户名、昵称、性别和签名，界面如图所示。
“个人资料”界面
任务实施：
（1）创建“个人资料”界面：UserInfoActivity&activity_user_info。在该布局文件中，通过
（2）放置界面控件。
1个ImageViewRoundOval控件显示头像；
5个TextView控件显示每行标题（头像、用户名、昵称、性别、签名）；
4个TextView控件显示对应的属性值；
5个View控件显示5条灰色分隔线。
activity_user_info
（3）放置dialog_select_photo.xml文件中的控件。由于点击“个人资料”界面中的头像条目时会弹出一个对话框，对话框中有“从相册中选取”与“拍照”两个按钮，因此需要在res/layout文件夹中创建一个dialog_select_photo.xml文件，在该文件中放置两个TextView控件，分别用于显示“从相册中选取”与“拍照”文本；一个View控件用于显示灰色分隔线。
dialog_select_photo.xml
13. “个人资料”界面逻辑代码
任务分析：
“个人资料”界面主要用于展示用户的相关信息，当进入“个人资料”界面时，首先查询数据库中的用户信息，并将信息展示到界面中。“个人资料”界面中的昵称、性别和签名是可以修改的，因此需要添加相应的监听事件，当点击“昵称”时跳转到“昵称修改”界面，当点击“性别”时弹出“性别选择”对话框，当点击“签名”时跳转“签名修改”界面。
任务实施：
（1）获取界面控件。在UserInfoActivity中创建界面控件的初始化方法init()，获取“个人资料”界面所要用到的控件。
（2）设置点击事件。由于界面中除了用户和头像以外的其余属性值都可以修改，因此需要为其他属性所在的条目设置点击事件。在UserInfoActivity类中实现OnClickListener接口中的onClick()方法。
（3）为界面控件设置值。创建一个initData()方法用于从数据库中获取数据，如果数据库中的数据为空，则为此账号设置默认的属性值并保存到数据库中。
UserInfoActivity
public class UserInfoActivity extends AppCompatActivity implements View.OnClickListener{
private TextView tv_main_title,tv_back;
private SwipeBackLayout layout;
private TextView tv_nickName, tv_signature, tv_user_name, tv_sex;
private RelativeLayout rl_nickName, rl_sex, rl_signature,rl_head, rl_title_bar;
private String spUserName;
private static final int CHANGE_NICKNAME = 1; //修改昵称的自定义常量
private static final int CHANGE_SIGNATURE = 2; //修改签名的自定义常量
private static final int CROP_PHOTO1 = 3; //裁剪图片
private static final int CROP_PHOTO2 = 4; //裁剪本地图片
private static final int SAVE_PHOTO = 5; //修改签名的自定义常量
private ImageViewRoundOval iv_photo;
private Bitmap head; //头像Bitmap
private static String path = "/sdcard/TopLine/myHead/"; //sd路径
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
layout = (SwipeBackLayout) LayoutInflater.from(this).inflate(
R.layout.base, null);
layout.attachToActivity(this);
setContentView(R.layout.activity_user_info);
//从SharedPreferences中获取登录时的用户名
spUserName = UtilsHelper.readLoginUserName(this);
init();
initData();
setListener();
}
private void init(){
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(getResources().getColor(R.color.
rdTextColorPress));
tv_back= (TextView) findViewById(R.id.tv_back);
tv_back.setVisibility(View.VISIBLE);
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);
rl_head= (RelativeLayout) findViewById(R.id.rl_head);
iv_photo = (ImageViewRoundOval) findViewById(R.id.iv_head_icon);
}
/**
* 获取数据
*/
private void initData() {
UserBean bean = null;
bean = DBUtils.getInstance(this).getUserInfo(spUserName);
//首先判断一下数据库是否有数据
if (bean == null) {
bean = new UserBean();
bean.setUserName(spUserName);
bean.setNickName("问答精灵");
bean.setSex("男");
bean.setSignature("传智播客问答精灵");
iv_photo.setImageResource(R.drawable.default_head);
//保存用户信息到数据库
DBUtils.getInstance(this).saveUserInfo(bean);
}
setValue(bean);
}
/**
* 为界面控件设置值
*/
private void setValue(UserBean bean) {
tv_nickName.setText(bean.getNickName());
tv_user_name.setText(bean.getUserName());
tv_sex.setText(bean.getSex());
tv_signature.setText(bean.getSignature());
Bitmap bt = BitmapFactory.decodeFile(bean.getHead()); //从SD卡中找头像，转换成Bitmap
if (bt != null) {
@SuppressWarnings("deprecation")
Drawable drawable = new BitmapDrawable(bt); //转换成drawable
iv_photo.setImageDrawable(drawable);
} else {
iv_photo.setImageResource(R.drawable.default_head);
}
}
/**
* 设置控件的点击监听事件
*/
private void setListener() {
tv_back.setOnClickListener(this);
rl_nickName.setOnClickListener(this);
rl_sex.setOnClickListener(this);
rl_signature.setOnClickListener(this);
rl_head.setOnClickListener(this);
}
/**
* 控件的点击事件
*/
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.tv_back: //返回键的点击事件
this.finish();
break;
case R.id.rl_nickName: //昵称的点击事件
String name = tv_nickName.getText().toString(); //获取昵称控件上的数据
Bundle bdName = new Bundle();
bdName.putString("content", name); //传递界面上的昵称数据
bdName.putString("title", "昵称");
bdName.putInt("flag", 1); //flag传递1时表示是修改昵称
//跳转到个人资料修改界面
enterActivityForResult(ChangeUserInfoActivity.class,CHANGE_NICKNAME, bdName);
break;
case R.id.rl_sex: //性别的点击事件
String sex = tv_sex.getText().toString(); //获取性别控件上的数据
sexDialog(sex);
break;
case R.id.rl_signature: //签名的点击事件
String signature = tv_signature.getText().toString(); //获取签名控件上的数据
Bundle bdSignature = new Bundle();
bdSignature.putString("content", signature); //传递界面上的签名数据
bdSignature.putString("title", "签名");
bdSignature.putInt("flag", 2); //flag传递2时表示是修改签名
//跳转到个人资料修改界面
enterActivityForResult(ChangeUserInfoActivity.class,CHANGE_SIGNATURE, bdSignature);
break;
case R.id.rl_head: //头像的点击事件
showTypeDialog();
break;
default:
break;
}
}
private void showTypeDialog() {
AlertDialog.Builder builder = new AlertDialog.Builder(this);
final AlertDialog dialog = builder.create();
View view = View.inflate(this, R.layout.dialog_select_photo, null);
TextView tv_select_gallery = (TextView) view.findViewById(
R.id.tv_select_gallery);
TextView tv_select_camera = (TextView) view.findViewById(R.id.tv_select_camera);
tv_select_gallery.setOnClickListener(new View.OnClickListener() { //在相册中选取
@Override
public void onClick(View v) {
Intent intent1 = new Intent(Intent.ACTION_PICK, null);
intent1.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
"image/*");
startActivityForResult(intent1, 3);
dialog.dismiss();
}
});
tv_select_camera.setOnClickListener(new View.OnClickListener() { //调用照相机
@Override
public void onClick(View v) {
Intent intent2 = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
intent2.putExtra(MediaStore.EXTRA_OUTPUT,
Uri.fromFile(new File(Environment.getExternalStorageDirectory(),
spUserName+"_head.jpg")));
startActivityForResult(intent2, 4); //采用ForResult打开
dialog.dismiss();
}
});
dialog.setView(view);
dialog.show();
}
/**
* 设置性别的弹出框
*/
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();
//第二个参数which是默认选中的哪个项
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);
}
/**
* 获取回传数据时需使用的跳转方法，第一个参数to表示需要跳转到的界面，
* 第二个参数requestCode表示一个请求码，第三个参数b表示跳转时传递的数据
*/
public void enterActivityForResult(Class to, int requestCode, Bundle b) {
Intent i = new Intent(this, to);
i.putExtras(b);
startActivityForResult(i, requestCode);
}
/**
* 回传数据
*/
private String new_info; //最新数据
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data)
{
super.onActivityResult(requestCode, resultCode, data);
switch (requestCode) {
case CROP_PHOTO1:
if (resultCode == RESULT_OK) {
cropPhoto(data.getData()); //裁剪图片
}
break;
case CROP_PHOTO2:
if (resultCode == RESULT_OK) {
File temp = new File(Environment.getExternalStorageDirectory() +"/"+
spUserName+"_head.jpg");
cropPhoto(Uri.fromFile(temp)); //裁剪图片
}
break;
case SAVE_PHOTO:
if (data != null) {
Bundle extras = data.getExtras();
head = extras.getParcelable("data");
if (head != null) {
String fileName=setPicToView(head); //保存在SD卡中
//保存头像地址到数据库中
DBUtils.getInstance(UserInfoActivity.this).updateUserInfo("head",
fileName,spUserName);
iv_photo.setImageBitmap(head); //用ImageView显示出来
//发送广播更新“我”的界面中的头像
Intent intent = new Intent(
UpdateUserInfoReceiver.ACTION.UPDATE_USERINFO);
intent.putExtra(
UpdateUserInfoReceiver.INTENT_TYPE.TYPE_NAME,
UpdateUserInfoReceiver.INTENT_TYPE.UPDATE_HEAD);
intent.putExtra("head", fileName);
sendBroadcast(intent);
}
}
break;
case CHANGE_NICKNAME: //个人资料修改界面回传过来的昵称数据
if (data != null) {
new_info = data.getStringExtra("nickName");
if (TextUtils.isEmpty(new_info)) {
return;
}
tv_nickName.setText(new_info);
//更新数据库中的昵称字段
DBUtils.getInstance(UserInfoActivity.this).updateUserInfo(
"nickName", new_info, spUserName);
}
break;
case CHANGE_SIGNATURE: //个人资料修改界面回传过来的签名数据
if (data != null) {
new_info = data.getStringExtra("signature");
if (TextUtils.isEmpty(new_info)) {
return;
}
tv_signature.setText(new_info);
//更新数据库中的签名字段
DBUtils.getInstance(UserInfoActivity.this).updateUserInfo(
"signature", new_info, spUserName);
}
break;
}
}
/**
* 调用系统的裁剪功能
*/
public void cropPhoto(Uri uri) {
Intent intent = new Intent("com.android.camera.action.CROP");
intent.setDataAndType(uri, "image/*");
intent.putExtra("crop", "true");
//aspectX aspectY 是宽高的比例
intent.putExtra("aspectX", 1);
intent.putExtra("aspectY", 1);
//outputX outputY 是裁剪图片宽高
intent.putExtra("outputX", 150);
intent.putExtra("outputY", 150);
intent.putExtra("return-data", true);
startActivityForResult(intent, SAVE_PHOTO);
}
private String setPicToView(Bitmap mBitmap) {
String sdStatus = Environment.getExternalStorageState();
if (!sdStatus.equals(Environment.MEDIA_MOUNTED)) { //检测sd是否可用
return "";
}
FileOutputStream b = null;
File file = new File(path);
file.mkdirs(); //创建文件夹
String fileName = path + spUserName+"_head.jpg"; //图片名字
try {
b = new FileOutputStream(fileName);
mBitmap.compress(Bitmap.CompressFormat.JPEG, 100, b); //把数据写入文件
} catch (FileNotFoundException e) {
e.printStackTrace();
} finally {
try {
//关闭流
b.flush();
b.close();
} catch (IOException e) {
e.printStackTrace();
}
}
return fileName;
}
}
（4）修改DBUtils.java文件。由于“个人资料”界面需要获取、保存以及修改个人资料信息，因此需要在utils包中找到DBUtils类。
/**
* 保存个人资料信息
*/
public void saveUserInfo(UserBean bean) {
ContentValues cv = new ContentValues();
cv.put("userName", bean.getUserName());
cv.put("nickName", bean.getNickName());
cv.put("sex", bean.getSex());
cv.put("signature", bean.getSignature());
db.insert(SQLiteHelper.U_USERINFO, null, cv);
}
/**
* 获取个人资料信息
*/
public UserBean getUserInfo(String userName) {
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.setUserName(cursor.getString(cursor.getColumnIndex("userName")));
bean.setNickName(cursor.getString(cursor.getColumnIndex("nickName")));
bean.setSex(cursor.getString(cursor.getColumnIndex("sex")));
bean.setSignature(cursor.getString(cursor.getColumnIndex("signature")));
bean.setHead(cursor.getString(cursor.getColumnIndex("head")));
}
cursor.close();
return bean;
}
/**
* 修改个人资料
*/
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）修改清单文件。“个人资料”界面向右滑动会关闭界面，因此需要给该界面添加透明主题的样式。
（6）修改MeFragment.java文件。当用户处于登录状态时，点击“我”界面中的头像会跳转到“个人资料”界面，因此需要找到onClick()方法，在该方法的注释“//跳转到“个人资料”界面”下方添加如下代码：
//跳转到个人资料界面
Intent userinfo = new Intent(getActivity(), UserInfoActivity.class);
startActivity(userinfo);
（7）添加权限。在“个人资料”界面修改头像时会访问SD卡，因此需要在清单文件中添加SD卡的写权限。