android真实项目教程（七）——梦醒边缘花落_by_CJJ

于 2014-05-06 11:26:00 发布
阅读量225 收藏
点赞数
文章标签： 移动开发 php
作者通过一系列教程详细介绍了如何使用Android构建一个完整的App应用框架，从搭建基础框架到添加功能模块，如设置头像、实现滑动菜单等。教程涵盖了从概念到实践的全过程，包括使用ExpandableListView实现滑动菜单的填充，并提供了源码演示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

大家下午好，我是CJJ，说说昨晚挑灯夜写毕业论文到凌晨三点多，当写到致谢词那块时，我违心的写下： “ 本论文在xxx导师的悉 心指导和亲切关怀下完成的。导师渊博的专业知识、严谨的治学态度，精益求精的工作作风，诲人不倦的高尚师德，严于律己、宽以待人的崇高风范，朴实无法、平易近人的人格魅力对本人影响深远。。。。。。”其实，我就只见了指导老师一面而已。。。。转回正题，写的这个app,就只剩下 SlideMenuFragment这块还没有任何东西 ，那么我们就填充它把。。。。
android真实项目教程(一)——App应用框架搭建_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=166151
android真实项目教程（二）——漫画App初构_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=166262
android真实项目教程(三)——首页初点缀_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=166630
android真实项目教程（四）——MY APP MY STYLE_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=167676
android真实项目教程（五）——有时三点两点雨_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=168422
android真实项目教程（六）——落叶醉赤壁_by_CJJ http://www.apkbus.com/android-168858-1-1.html
主要加入了两个功能：（1）设置头像，可以从相册选择，也可以相机拍摄；（2）ExpandableListView展开，item标明个功能模块。
效果如下图：



主要源码：
  1. <font size="4">package com.cjj.shopapp.fragment;


  4. import android.app.AlertDialog;
  5. import android.content.DialogInterface;
  6. import android.content.Intent;
  7. import android.graphics.Bitmap;
  8. import android.os.Bundle;
  9. import android.support.v4.app.Fragment;
  10. import android.view.LayoutInflater;
  11. import android.view.View;
  12. import android.view.View.OnClickListener;
  13. import android.view.ViewGroup;
  14. import android.widget.ExpandableListView;
  15. import android.widget.ImageView;
  16. import android.widget.TextView;

  18. import com.cjj.shopapp.activity.R;
  19. import com.cjj.shopapp.adapter.ExpandableListViewSlideMenuAdapter;
  20. import com.cjj.shopapp.utils.ImageCropUtils;

  22. public class SlideMenuFragment extends Fragment implements OnClickListener {
  23. private ImageView img_head;
  24. private TextView tv_title;
  25. private AlertDialog headDialog;
  26. private ImageCropUtils cropUtils;
  27. private static final int OPEN_CAMERA = 0x101;
  28. private static final int CUT_CAMERA_RESULT = 0x102;
  29. private static final int CUT_GALLERY_RESULT = 0x103;
  30. private Bitmap bitmap;
  31. private ExpandableListView expandableListView;
  32. private ExpandableListViewSlideMenuAdapter adapter;
  33. private TextView tv_exit;

  35. @Override
  36. public View onCreateView(LayoutInflater inflater, ViewGroup container,
  37. Bundle savedInstanceState) {
  38. View v = inflater.inflate(R.layout.fragment_slide_menu, null);
  39. return v;
  40. }

  42. @Override
  43. public void onActivityCreated(Bundle savedInstanceState) {
  44. super.onActivityCreated(savedInstanceState);
  45. adapter = new ExpandableListViewSlideMenuAdapter();
  46. expandableListView.setAdapter(adapter);
  47. expandableListView.setGroupIndicator(null);
  48. int groupCount = expandableListView.getCount();

  50. for (int i = 0; i < groupCount; i++) {
  51. expandableListView.expandGroup(i);
  52. }
  53. }

  55. @Override
  56. public void onCreate(Bundle savedInstanceState) {
  57. super.onCreate(savedInstanceState);
  58. }

  60. @Override
  61. public void onDestroyView() {
  62. img_head = null;
  63. tv_title = null;
  64. headDialog = null;
  65. cropUtils = null;
  66. bitmap = null;
  67. super.onDestroyView();
  68. }

  70. @Override
  71. public void onViewCreated(View view, Bundle savedInstanceState) {
  72. super.onViewCreated(view, savedInstanceState);
  73. expandableListView = (ExpandableListView) view
  74. .findViewById(R.id.elv_slide_menu);
  75. img_head = (ImageView) view.findViewById(R.id.img_head);
  76. tv_title = (TextView) view.findViewById(R.id.tv_title);
  77. tv_exit = (TextView) view.findViewById(R.id.tv_exit);
  78. tv_exit.setOnClickListener(this);
  79. tv_title.setOnClickListener(this);
  80. img_head.setOnClickListener(this);
  81. initAlertUserHeadDialog();
  82. cropUtils = new ImageCropUtils(getActivity());
  83. }

  85. @Override
  86. public void onClick(View v) {
  87. switch (v.getId()) {
  88. case R.id.img_head:
  89. case R.id.tv_title:
  90. headDialog.show();
  91. break;
  92. case R.id.tv_exit:
  93. System.exit(0);
  94. break;
  95. }
  96. }


  99. /**
  100. * 显示修改公会头像的对话框
  101. */
  102. private String[] photoItems = new String[] { "相册", "拍照" };

  104. private void initAlertUserHeadDialog() {
  105. headDialog = new AlertDialog.Builder(getActivity()).setTitle("修改头像")
  106. .setItems(photoItems, new DialogInterface.OnClickListener() {
  107. @Override
  108. public void onClick(DialogInterface dialog, int which) {

  110. dialog.dismiss();

  112. switch (which) {
  113. case 0: // 相册
  114. cropUtils
  115. .openGalleryAndCropSmallPhoto(CUT_GALLERY_RESULT);
  116. break;

  118. case 1: // 拍照

  120. cropUtils.openCamera(OPEN_CAMERA);
  121. break;
  122. }
  123. }
  124. }).create();
  125. }

  127. @Override
  128. public void onActivityResult(int requestCode, int resultCode, Intent data) {
  129. switch (requestCode) {
  130. case OPEN_CAMERA:// 从相机

  132. cropUtils.cropBigPhotoByCamera(CUT_CAMERA_RESULT);

  134. break;

  136. case CUT_CAMERA_RESULT:// 返回记过

  138. bitmap = cropUtils.getBitmapByUri();
  139. img_head.setImageBitmap(bitmap);

  141. break;

  143. case CUT_GALLERY_RESULT:

  145. if (data != null) {
  146. bitmap = cropUtils.getBitmapByIntent(data);
  147. img_head.setImageBitmap(bitmap);
  148. }

  150. break;
  151. }

  153. super.onActivityResult(requestCode, resultCode, data);
  154. }

  156. }</font>
复制代码
  1. package com.cjj.shopapp.fragment;


  4. import android.app.AlertDialog;
  5. import android.content.DialogInterface;
  6. import android.content.Intent;
  7. import android.graphics.Bitmap;
  8. import android.os.Bundle;
  9. import android.support.v4.app.Fragment;
  10. import android.view.LayoutInflater;
  11. import android.view.View;
  12. import android.view.View.OnClickListener;
  13. import android.view.ViewGroup;
  14. import android.widget.ExpandableListView;
  15. import android.widget.ImageView;
  16. import android.widget.TextView;

  18. import com.cjj.shopapp.activity.R;
  19. import com.cjj.shopapp.adapter.ExpandableListViewSlideMenuAdapter;
  20. import com.cjj.shopapp.utils.ImageCropUtils;

  22. public class SlideMenuFragment extends Fragment implements OnClickListener {
  23. private ImageView img_head;
  24. private TextView tv_title;
  25. private AlertDialog headDialog;
  26. private ImageCropUtils cropUtils;
  27. private static final int OPEN_CAMERA = 0x101;
  28. private static final int CUT_CAMERA_RESULT = 0x102;
  29. private static final int CUT_GALLERY_RESULT = 0x103;
  30. private Bitmap bitmap;
  31. private ExpandableListView expandableListView;
  32. private ExpandableListViewSlideMenuAdapter adapter;
  33. private TextView tv_exit;

  35. @Override
  36. public View onCreateView(LayoutInflater inflater, ViewGroup container,
  37. Bundle savedInstanceState) {
  38. View v = inflater.inflate(R.layout.fragment_slide_menu, null);
  39. return v;
  40. }

  42. @Override
  43. public void onActivityCreated(Bundle savedInstanceState) {
  44. super.onActivityCreated(savedInstanceState);
  45. adapter = new ExpandableListViewSlideMenuAdapter();
  46. expandableListView.setAdapter(adapter);
  47. expandableListView.setGroupIndicator(null);
  48. int groupCount = expandableListView.getCount();

  50. for (int i = 0; i < groupCount; i++) {
  51. expandableListView.expandGroup(i);
  52. }
  53. }

  55. @Override
  56. public void onCreate(Bundle savedInstanceState) {
  57. super.onCreate(savedInstanceState);
  58. }

  60. @Override
  61. public void onDestroyView() {
  62. img_head = null;
  63. tv_title = null;
  64. headDialog = null;
  65. cropUtils = null;
  66. bitmap = null;
  67. super.onDestroyView();
  68. }

  70. @Override
  71. public void onViewCreated(View view, Bundle savedInstanceState) {
  72. super.onViewCreated(view, savedInstanceState);
  73. expandableListView = (ExpandableListView) view
  74. .findViewById(R.id.elv_slide_menu);
  75. img_head = (ImageView) view.findViewById(R.id.img_head);
  76. tv_title = (TextView) view.findViewById(R.id.tv_title);
  77. tv_exit = (TextView) view.findViewById(R.id.tv_exit);
  78. tv_exit.setOnClickListener(this);
  79. tv_title.setOnClickListener(this);
  80. img_head.setOnClickListener(this);
  81. initAlertUserHeadDialog();
  82. cropUtils = new ImageCropUtils(getActivity());
  83. }

  85. @Override
  86. public void onClick(View v) {
  87. switch (v.getId()) {
  88. case R.id.img_head:
  89. case R.id.tv_title:
  90. headDialog.show();
  91. break;
  92. case R.id.tv_exit:
  93. System.exit(0);
  94. break;
  95. }
  96. }


  99. /**
  100. * 显示修改公会头像的对话框
  101. */
  102. private String[] photoItems = new String[] { "相册", "拍照" };

  104. private void initAlertUserHeadDialog() {
  105. headDialog = new AlertDialog.Builder(getActivity()).setTitle("修改头像")
  106. .setItems(photoItems, new DialogInterface.OnClickListener() {
  107. @Override
  108. public void onClick(DialogInterface dialog, int which) {

  110. dialog.dismiss();

  112. switch (which) {
  113. case 0: // 相册
  114. cropUtils
  115. .openGalleryAndCropSmallPhoto(CUT_GALLERY_RESULT);
  116. break;

  118. case 1: // 拍照

  120. cropUtils.openCamera(OPEN_CAMERA);
  121. break;
  122. }
  123. }
  124. }).create();
  125. }

  127. @Override
  128. public void onActivityResult(int requestCode, int resultCode, Intent data) {
  129. switch (requestCode) {
  130. case OPEN_CAMERA:// 从相机

  132. cropUtils.cropBigPhotoByCamera(CUT_CAMERA_RESULT);

  134. break;

  136. case CUT_CAMERA_RESULT:// 返回记过

  138. bitmap = cropUtils.getBitmapByUri();
  139. img_head.setImageBitmap(bitmap);

  141. break;

  143. case CUT_GALLERY_RESULT:

  145. if (data != null) {
  146. bitmap = cropUtils.getBitmapByIntent(data);
  147. img_head.setImageBitmap(bitmap);
  148. }

  150. break;
  151. }

  153. super.onActivityResult(requestCode, resultCode, data);
  154. }

  156. }
复制代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:background="@drawable/navigation_background"
  6. android:orientation="vertical" >

  8. <include layout="@layout/ab_slide_menu" />

  10. <View
  11. android:id="@+id/ab_top_line"
  12. android:layout_width="match_parent"
  13. android:layout_height="2.0px"
  14. android:background="@drawable/menu_divid_line" />

  16. <ExpandableListView
  17. android:id="@+id/elv_slide_menu"
  18. android:layout_width="match_parent"
  19. android:layout_height="match_parent"
  20. android:layout_weight="1"
  21. android:cacheColorHint="@android:color/transparent"
  22. android:divider="@android:color/transparent"
  23. android:fadingEdge="none"
  24. android:listSelector="@android:color/transparent"
  25. android:scrollbars="none" />

  27. <View
  28. android:id="@+id/ab_bottom_line"
  29. android:layout_width="match_parent"
  30. android:layout_height="1.0px"
  31. android:layout_above="@+id/ab_bottom"
  32. android:background="#ff3d3d3d" />

  34. <include layout="@layout/item_menu_slide" />

  36. </LinearLayout>
复制代码
  1. package com.cjj.shopapp.adapter;

  3. import android.content.Context;
  4. import android.graphics.drawable.Drawable;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.View.OnClickListener;
  8. import android.view.ViewGroup;
  9. import android.widget.BaseExpandableListAdapter;
  10. import android.widget.TextView;
  11. import android.widget.Toast;

  13. import com.cjj.shopapp.activity.MainActivity;
  14. import com.cjj.shopapp.activity.R;
  15. import com.cjj.shopapp.fragment.AboutFragment;
  16. import com.cjj.shopapp.fragment.CategoryFragment;
  17. import com.cjj.shopapp.fragment.HotFragment;

  19. public class ExpandableListViewSlideMenuAdapter extends
  20. BaseExpandableListAdapter implements OnClickListener {
  21. private Context mContext;
  22. private MainActivity mGroupActivity;
  23. private static final String[] title = new String[] { "功能", "其他" };
  24. private static final String[][] msg = new String[][] {
  25. { "主界面", "分类", "热门", "关于" }, { "分享", "反馈", "更多" } };

  27. private static final int[][] icon = new int[][] {
  28. { R.drawable.menu_home, R.drawable.slide_allgoods,
  29. R.drawable.menu_shop_order, R.drawable.menu_enter_order },
  30. {R.drawable.menu_message, R.drawable.menu_aler_user_info,
  31. R.drawable.menu_shop_commend, } };

  33. @Override
  34. public int getGroupCount() {
  35. return title.length;
  36. }

  38. @Override
  39. public int getChildrenCount(int groupPosition) {
  40. return msg[groupPosition].length;
  41. }

  43. @Override
  44. public String getGroup(int groupPosition) {
  45. // TODO Auto-generated method stub
  46. return title[groupPosition];
  47. }

  49. @Override
  50. public String getChild(int groupPosition, int childPosition) {
  51. // TODO Auto-generated method stub
  52. return msg[groupPosition][childPosition];
  53. }

  55. @Override
  56. public long getGroupId(int groupPosition) {
  57. // TODO Auto-generated method stub
  58. return 0;
  59. }

  61. @Override
  62. public long getChildId(int groupPosition, int childPosition) {
  63. // TODO Auto-generated method stub
  64. return 0;
  65. }

  67. @Override
  68. public boolean hasStableIds() {
  69. // TODO Auto-generated method stub
  70. return false;
  71. }

  73. @Override
  74. public View getGroupView(int groupPosition, boolean isExpanded,
  75. View convertView, ViewGroup parent) {

  77. mContext = parent.getContext();
  78. mGroupActivity = (MainActivity) mContext;

  80. if (convertView == null) {
  81. convertView = LayoutInflater.from(parent.getContext()).inflate(
  82. R.layout.item_elv_slide_menu_group, null);
  83. mGroupHolder = new GroupHolder();
  84. mGroupHolder.tv_menuGroup = (TextView) convertView
  85. .findViewById(R.id.tv_menuGroup);
  86. mGroupHolder.ab_top_line = convertView
  87. .findViewById(R.id.ab_top_line);
  88. convertView.setTag(mGroupHolder);
  89. } else {
  90. mGroupHolder = (GroupHolder) convertView.getTag();
  91. }

  93. String groupName = getGroup(groupPosition);
  94. mGroupHolder.tv_menuGroup.setText(groupName);

  96. return convertView;
  97. }

  99. @Override
  100. public View getChildView(int groupPosition, int childPosition,
  101. boolean isLastChild, View convertView, ViewGroup parent) {
  102. if (convertView == null) {
  103. convertView = LayoutInflater.from(parent.getContext()).inflate(
  104. R.layout.item_elv_slide_menu_child, null);
  105. mChildHolder = new ChildHolder();
  106. mChildHolder.tv_menuChild = (TextView) convertView
  107. .findViewById(R.id.tv_menuChild);
  108. mChildHolder.ab_top_line = convertView
  109. .findViewById(R.id.ab_top_line);
  110. convertView.setTag(mChildHolder);
  111. } else {
  112. mChildHolder = (ChildHolder) convertView.getTag();
  113. }

  115. String childName = getChild(groupPosition, childPosition);

  117. mChildHolder.tv_menuChild.setText(childName);
  118. drawLeftByTextView(mChildHolder.tv_menuChild,
  119. icon[groupPosition][childPosition]);
  120. mChildHolder.tv_menuChild.setTag(groupPosition + "," + childPosition);
  121. mChildHolder.tv_menuChild.setOnClickListener(this);

  123. return convertView;
  124. }

  126. private void drawLeftByTextView(TextView mTextView, int resource) {
  127. Drawable mDrawable = mContext.getResources().getDrawable(resource);
  128. mDrawable.setBounds(0, 0, mDrawable.getIntrinsicWidth(),
  129. mDrawable.getIntrinsicHeight());
  130. mTextView.setCompoundDrawables(mDrawable, null, null, null);
  131. }

  133. @Override
  134. public boolean isChildSelectable(int groupPosition, int childPosition) {
  135. // TODO Auto-generated method stub
  136. return false;
  137. }

  139. private class GroupHolder {
  140. private TextView tv_menuGroup;
  141. private View ab_top_line;
  142. }

  144. private class ChildHolder {
  145. private TextView tv_menuChild;
  146. private View ab_top_line;
  147. }

  149. private GroupHolder mGroupHolder;
  150. private ChildHolder mChildHolder;

  152. @Override
  153. public void onClick(View v) {

  155. String tag = v.getTag().toString();
  156. String[] strTag = tag.split(",");
  157. int childPosition = Integer.parseInt(strTag[1].toString());
  158. int groupPosition = Integer.parseInt(strTag[0].toString());

  160. if (groupPosition == 0) {
  161. if (childPosition == 0) {
  162. mGroupActivity.switchNewFragment(mGroupActivity
  163. .createNewHomeFragment());
  164. } else if (childPosition == 1) {
  165. mGroupActivity.switchNewFragment(new CategoryFragment());
  166. } else if (childPosition == 2) {
  167. mGroupActivity.switchNewFragment(new HotFragment());
  168. } else if (childPosition == 3) {
  169. mGroupActivity.switchNewFragment(new AboutFragment());
  170. }
  171. } else {
  172. if (childPosition == 0) {
  173. Toast.makeText(mContext, "待开发", 1000).show();
  174. } else if (childPosition == 1) {
  175. Toast.makeText(mContext, "待开发", 1000).show();
  176. } else if (childPosition == 2) {
  177. Toast.makeText(mContext, "待开发", 1000).show();
  178. }
  179. }

  181. }

  183. }
复制代码

没多少东西，你看看源码就能知道它怎么实现的了。呵呵。。。如果可以，我们一起加油把。。。。
源码：
本帖隐藏的内容
由于文件过大，库包没有传上来： v_7.rar(13.38 MB, 下载次数: 30)
cdsn有我上传的完整版： http://download.youkuaiyun.com/detail/junjichen/7297495



iteye_264
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值