利用MVC编程模式-开发一个简易记事本app

浏览数：12 / 时间：2015年06月11日

　　学了极客学院一个开发记事本的课程，利用自己对MVC编程模式的简单理解重写了一遍该app。

　　github地址：https://github.com/morningsky/MyNote

MVC即，模型(model)－视图(view)－控制器(controller)，有效的实现了数据-业务逻辑-视图显示的代码分离，使得加入新功能时不需要重新编写业务逻辑，大大提高了代码的可维护性。

　　技术分享

　　在这个案列中，一开始只是开发了添加文字内容的记事功能，添加图片功能时在activity文件中写入imageview的逻辑在数据库中加入图片路径数据在视图中加一个imageview的。后期若再添加视频功能可参照之前添加图片的操作快速实现app的升级。整个代码编写过程脉络清晰，加上Android Studio的帅气主题，开发过程感觉极好。

下面是整个app的开发流程：

/*步骤:
1.model构建
　　1.1创建数据库 NoteDB类
　　1.2创建自定义的adapter MyAdapter类
　　　　1.2.1构造函数
　　　　1.2.2复写4个子类方法注意getView方法

2.创建视图
　　2.1布局主界面两个按钮一个listview activity_main.xml
　　2.2 listview每一条数据的视图格式图片imageview 内容textview 时间textview cell.xml
　　2.3添加内容界面 imageview editext 两个Button addcontent.xml
　　2.4创建详情页视图与addcontent视图相似将Editext转换为Textview Button的内容由返回变成删除 incontent.xml

3.逻辑实现
　　MainActivity:
　　　　3.1初始化主界面布局定义initView方法给按钮设置监听
　　　　3.7在MainActivity实例化一个SQLiteDatabase 获取读取权限用于加载listview的内容
　　　　3.8添加查询数据方法selectDB 并在该方法中加载MyAdapter
　　

　　AddContent:
　　　　3.2创建添加内容界面的activity 并在AndroidManifest文件中注册该activity 两个activity添加固定竖屏参数
　　　　3.3初始化AddContent界面布局定义initView方法给按钮设置监听实例化SQLiteDatabase 获取写入数据权限
　　　　3.4添加addDB方法获取内容时间并写入数据库
　　　　3.5添加getTime方法获取系统当前时间
　　　　3.6为按钮添加事件
　　　　3.9增加根据添加文字还是图文加载不同界面的initView逻辑
　　　　4.0添加Intent调用系统相机实例化一个File存放照片路径
　　　　4.1复写onActivityResult来查看照片效果
　　　　4.2add函数添加图片路径

　　MyAdapter:
　　　　4.3添加查看缩略图函数getImageThumbnail listview中显示
　　　　4.5添加用来查询的String path 储存地址

　　InContent:
　　　　4.6添加详情页Activity 并注册
　　　　4.7给listview添加监听事件跳转到详情页并传入部分数据
　　　　4.8根据图文还是文字加载不同视图显示文字图片信息
　　　　4.9实例化一个SQLiteDatabase 获取写入数据权限用来删除数据
　　　　5.0添加删除数据方法delDB 给按钮加上方法
*/

　　model层：

　　　　NoteDB.java 创建了一个数据库用来存放记事内容记事时间图片路径

 1 package com.bluesky.mynote;
 2 
 3 import android.content.Context;
 4 import android.database.sqlite.SQLiteDatabase;
 5 import android.database.sqlite.SQLiteOpenHelper;
 6 
 7 /**
 8  * Created by 清晨 on 2015/5/6.
 9  */
10 public class NoteDB extends SQLiteOpenHelper {
11 
12     public static final String TABLE_NAME="notes";//表名
13     public static final String CONTENT="content";//内容
14     public static final String ID="id";         //标识每一条数据
15     public static final String TIME="time";    //存放添加数据时的时间
16     public static final String PATH="path";   //路径,用来存放照片路径
17 
18     //构造函数参数保留一个Content即可
19     public NoteDB(Context context) {
20         super(context, "notes", null, 1);
21     }
22 
23     //注意属性内的空格 " TEXT NOT NULL,"第一个引号后的空格不能省略 否则名称会变为contentTEXT
24     @Override
25     public void onCreate(SQLiteDatabase db) {
26         db.execSQL("CREATE TABLE " + TABLE_NAME + " ("
27                 + ID+ " INTEGER PRIMARY KEY AUTOINCREMENT,"
28                 + CONTENT+" TEXT NOT NULL,"
29                 + PATH +" TEXT NOT NULL,"
30                 + TIME +" TEXT NOT NULL)");
31     }
32 
33     //不需要更新
34     @Override
35     public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
36 
37     }
38 }

　　MyAdapter.java 用来设定主界面listview的内容格式

 1 package com.bluesky.mynote;
 2 
 3 import android.content.Context;
 4 import android.database.Cursor;
 5 import android.graphics.Bitmap;
 6 import android.graphics.BitmapFactory;
 7 import android.media.ThumbnailUtils;
 8 import android.view.LayoutInflater;
 9 import android.view.View;
10 import android.view.ViewGroup;
11 import android.widget.BaseAdapter;
12 import android.widget.ImageView;
13 import android.widget.LinearLayout;
14 import android.widget.TextView;
15 
16 /**
17  * Created by 清晨 on 2015/5/7.
18  */
19 public class MyAdapter extends BaseAdapter {
20     private Context mContext;
21     private Cursor mCursor;
22     private LinearLayout layout;
23 
24     public MyAdapter(Context context,Cursor cursor){
25         mContext=context;
26         mCursor=cursor;
27     }
28     @Override
29     public int getCount() {
30         return mCursor.getCount();
31     }
32 
33     @Override
34     public Object getItem(int position) {
35         return mCursor.getPosition();
36     }
37 
38     @Override
39     public long getItemId(int position) {
40         return position;
41     }
42 
43     @Override
44     public View getView(int position, View convertView, ViewGroup parent) {
45         LayoutInflater inflater=LayoutInflater.from(mContext);//加载视图权限
46         layout= (LinearLayout) inflater.inflate(R.layout.cell,null);//加载视图
47         //初始化控件
48         TextView content_tv= (TextView) layout.findViewById(R.id.list_content);
49         TextView time_tv= (TextView) layout.findViewById(R.id.list_time);
50         ImageView img_iv= (ImageView) layout.findViewById(R.id.list_img);
51         //查询mCursor 用String获取查询内容
52         mCursor.moveToPosition(position);
53         String content=mCursor.getString(mCursor.getColumnIndex("content"));
54         String time=mCursor.getString(mCursor.getColumnIndex("time"));
55         String url=mCursor.getString(mCursor.getColumnIndex("path"));
56         content_tv.setText(content);
57         time_tv.setText(time);
58         img_iv.setImageBitmap(getImageThumbnail(url,200,200));
59         return layout;
60     }
61 
62     //获取缩略图
63     public Bitmap getImageThumbnail(String uri,int width,int height){
64         Bitmap bitmap=null;
65         BitmapFactory.Options options=new BitmapFactory.Options();
66         options.inJustDecodeBounds=true;
67         bitmap=BitmapFactory.decodeFile(uri,options);
68         options.inJustDecodeBounds=false;
69         int beWidth=options.outWidth/width;
70         int beHeight=options.outHeight/height;
71         int be=1;
72         //防止图片超出过大或过小不予缩小
73         if(beWidth<beHeight){
74             be=beWidth;
75         }else {
76             be=beHeight;
77         }
78         if(be<=0){
79             be=1;
80         }
81         options.inSampleSize=be;
82         bitmap=BitmapFactory.decodeFile(uri,options);
83         bitmap=ThumbnailUtils.extractThumbnail(bitmap,width,height,ThumbnailUtils.OPTIONS_RECYCLE_INPUT);
84         return bitmap;
85     }
86 }

　　视图层（View）:

分别是主界面 activity_main.xml 添加内容addcontent.xml 内容详情页incontent.xml

内容详情页与添加内容界面基本相似所以可实现代码的简单修改将编辑框改为文本框再修改相应ID即可

接下来是核心部分

　　控制器(Controler):

　　　　主activity:

 1 package com.bluesky.mynote;
 2 import android.content.Intent;
 3 import android.database.Cursor;
 4 import android.database.sqlite.SQLiteDatabase;
 5 import android.support.v7.app.ActionBarActivity;
 6 import android.os.Bundle;
 7 import android.view.View;
 8 import android.widget.AdapterView;
 9 import android.widget.Button;
10 import android.widget.ListView;
11 
12 
13 public class MainActivity extends ActionBarActivity implements View.OnClickListener {
14     private Button text_btn, img_btn;
15     private ListView lv;
16     private Intent i;
17     private MyAdapter adapter;
18     private NoteDB noteDB;
19     private SQLiteDatabase dbReader;
20     private Cursor cursor;
21 
22     @Override
23     protected void onCreate(Bundle savedInstanceState) {
24         super.onCreate(savedInstanceState);
25         setContentView(R.layout.activity_main);
26         initView();
27         //给按钮加入监听事件
28         text_btn.setOnClickListener(this);
29         img_btn.setOnClickListener(this);
30         noteDB = new NoteDB(this);
31         //获取读取权限 用于加载listview的内容
32         dbReader = noteDB.getReadableDatabase();
33         lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
34             @Override
35             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
36                 cursor.moveToPosition(position);//游标挪到了position的位置上
37                 Intent i=new Intent(MainActivity.this,InContent.class);
38                 i.putExtra(NoteDB.ID,cursor.getInt(cursor.getColumnIndex(NoteDB.ID)));//以便根据ID删除数据
39                 i.putExtra(NoteDB.CONTENT,cursor.getString(cursor.getColumnIndex(NoteDB.CONTENT)));
40                 i.putExtra(NoteDB.TIME,cursor.getString(cursor.getColumnIndex(NoteDB.TIME)));
41                 i.putExtra(NoteDB.PATH,cursor.getString(cursor.getColumnIndex(NoteDB.PATH)));
42                 startActivity(i);
43             }
44         });
45 
46     }
47 
48     //初始化控件
49     public void initView() {
50         lv = (ListView) findViewById(R.id.list);
51         text_btn = (Button) findViewById(R.id.text);
52         img_btn = (Button) findViewById(R.id.image);
53     }
54 
55     //查询数据
56     public void selectDB() {
57         cursor = dbReader.query(NoteDB.TABLE_NAME,null,null,null,null,null,null,null);
58         adapter = new MyAdapter(this,cursor);
59         lv.setAdapter(adapter);
60     }
61 
62     @Override
63     public void onClick(View v) {
64         i = new Intent(this, AddContent.class);
65         switch (v.getId()) {
66             case R.id.text:
67                 i.putExtra("flag", "1");
68                 startActivity(i);
69                 break;
70             case R.id.image:
71                 i.putExtra("flag", "2");
72                 startActivity(i);
73                 break;
74         }
75     }
76 
77     @Override
78     protected void onResume() {
79         super.onResume();
80         selectDB();
81     }
82 }

添加内容 activity

  1 package com.bluesky.mynote;
  2 
  3 import android.app.Activity;
  4 import android.content.ContentValues;
  5 import android.content.DialogInterface;
  6 import android.content.Intent;
  7 import android.database.sqlite.SQLiteDatabase;
  8 import android.graphics.Bitmap;
  9 import android.graphics.BitmapFactory;
 10 import android.net.Uri;
 11 import android.os.Bundle;
 12 import android.os.Environment;
 13 import android.os.PersistableBundle;
 14 import android.provider.MediaStore;
 15 import android.util.Log;
 16 import android.view.Menu;
 17 import android.view.View;
 18 import android.widget.Button;
 19 import android.widget.EditText;
 20 import android.widget.ImageView;
 21 import android.widget.VideoView;
 22 
 23 import java.io.File;
 24 import java.text.SimpleDateFormat;
 25 import java.util.Date;
 26 
 27 /**
 28  * Created by 清晨 on 2015/5/6.
 29  */
 30 public class AddContent extends Activity implements View.OnClickListener {
 31     private NoteDB noteDB;
 32     private SQLiteDatabase dbWriter;
 33     private String flag; //接受从mainactivity传来的标识 用于判定加载不同的添加内容界面(图文或者纯文字)
 34     private EditText editText;
 35     private Button save_btn,cancel_btn;
 36     private ImageView c_img;
 37     private File imgfile;
 38     @Override
 39     public void onCreate(Bundle savedInstanceState) {
 40         super.onCreate(savedInstanceState);
 41         setContentView(R.layout.addcontent);
 42         flag=getIntent().getStringExtra("flag");
 43         initView();
 44         save_btn.setOnClickListener(this);
 45         cancel_btn.setOnClickListener(this);
 46         noteDB=new NoteDB(this);
 47         dbWriter=noteDB.getWritableDatabase();//获取写入数据库权限
 48     }
 49 
 50     //初始化控件
 51     public void initView(){
 52         editText= (EditText) findViewById(R.id.ettext);
 53         save_btn= (Button) findViewById(R.id.save);
 54         cancel_btn= (Button) findViewById(R.id.cancel);
 55         c_img= (ImageView) findViewById(R.id.c_img);
 56         if(flag.equals("1")){
 57             c_img.setVisibility(View.GONE);//隐藏imageview
 58         }
 59         if(flag.equals("2")){
 60             c_img.setVisibility(View.VISIBLE);//显示imageview
 61             //启动系统相机拍照
 62             Intent getImg=new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
 63             //图片是放在存储卡中 路径存在数据库中 以时间命名图片 避免重名
 64             imgfile=new File(Environment.getExternalStorageDirectory()
 65                     .getAbsolutePath()+"/"+getTime()+".jpg");
 66             getImg.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(imgfile));
 67             startActivityForResult(getImg,1);//便于立即查看效果
 68 
 69 
 70         }
 71     }
 72 
 73     //获取内容并写入数据库
 74     public void addDB(){
 75         ContentValues cv=new ContentValues();
 76         cv.put(NoteDB.CONTENT,editText.getText().toString());
 77         cv.put(NoteDB.TIME,getTime());
 78         cv.put(NoteDB.PATH,imgfile + "");
 79         dbWriter.insert(NoteDB.TABLE_NAME,null,cv);
 80     }
 81 
 82     //获取系统当前时间
 83     public String getTime(){
 84         SimpleDateFormat format=new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
 85         Date curDate=new Date();
 86         String str=format.format(curDate);
 87         return str;
 88     }
 89 
 90     @Override
 91     public void onClick(View v) {
 92         switch (v.getId()){
 93             case R.id.save:
 94                 addDB();
 95                 finish();
 96                 break;
 97             case R.id.cancel:
 98                 finish();
 99                 break;
100 
101         }
102 
103     }
104 
105     //预览显示拍摄内容
106     @Override
107     protected void onActivityResult(int requestCode, int resultCode, Intent data) {
108         super.onActivityResult(requestCode, resultCode, data);
109         if(resultCode==1){
110             Bitmap bitmap= BitmapFactory.decodeFile(imgfile.getAbsolutePath());
111             c_img.setImageBitmap(bitmap);
112         }
113     }
114 }

内容详情页Activity

 1 package com.bluesky.mynote;
 2 
 3 import android.app.Activity;
 4 import android.database.sqlite.SQLiteDatabase;
 5 import android.graphics.Bitmap;
 6 import android.graphics.BitmapFactory;
 7 import android.os.Bundle;
 8 import android.view.View;
 9 import android.widget.Button;
10 import android.widget.ImageView;
11 import android.widget.TextView;
12 
13 /**
14  * Created by 清晨 on 2015/5/8.
15  */
16 public class InContent extends Activity implements View.OnClickListener {
17     private Button del_btn;
18     private Button back_btn;
19     private ImageView in_img;
20     private TextView in_tv;
21     private NoteDB noteDB;
22     private SQLiteDatabase dbWriter;
23     @Override
24     protected void onCreate(Bundle savedInstanceState) {
25         super.onCreate(savedInstanceState);
26         setContentView(R.layout.incontent);
27         initView();
28         noteDB= new NoteDB(this);
29         dbWriter=noteDB.getWritableDatabase();
30         del_btn.setOnClickListener(this);
31         back_btn.setOnClickListener(this);
32         //根据记事方式加载不同视图
33         if(getIntent().getStringExtra(NoteDB.PATH).equals("null")){
34             in_img.setVisibility(View.GONE);
35         }else {
36             in_img.setVisibility(View.VISIBLE);
37         }
38         //显示文字
39         in_tv.setText(getIntent().getStringExtra(NoteDB.CONTENT));
40         //显示图片
41         Bitmap bitmap= BitmapFactory.decodeFile(getIntent().getStringExtra(NoteDB.PATH));
42         in_img.setImageBitmap(bitmap);
43     }
44 
45     public void initView(){
46         del_btn= (Button) findViewById(R.id.delete);
47         back_btn= (Button) findViewById(R.id.back);
48         in_img= (ImageView) findViewById(R.id.in_img);
49         in_tv= (TextView) findViewById(R.id.in_tv);
50     }
51 
52     @Override
53     public void onClick(View v) {
54         switch (v.getId()){
55             case R.id.delete:
56                 delDB();
57                 finish();
58                 break;
59             case R.id.back:
60                 finish();
61                 break;
62         }
63     }
64     //删除数据
65     public void delDB(){
66         dbWriter.delete(NoteDB.TABLE_NAME,"id="+getIntent()
67                 .getIntExtra(NoteDB.ID,0),null);
68     }
69 }