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

　　学了极客学院一个开发记事本的课程，利用自己对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 创建了一个数据库 用来存放记事内容 记事时间 图片路径

　　　　

package com.bluesky.mynote;

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

/**
 * Created by 清晨 on 2015/5/6.
 */
public class NoteDB extends SQLiteOpenHelper {

    public static final String TABLE_NAME="notes";//表名
    public static final String CONTENT="content";//内容
    public static final String ID="id";         //标识每一条数据
    public static final String TIME="time";    //存放添加数据时的时间
    public static final String PATH="path";   //路径,用来存放照片路径

    //构造函数参数保留一个Content即可
    public NoteDB(Context context) {
        super(context, "notes", null, 1);
    }

    //注意属性内的空格 " TEXT NOT NULL,"第一个引号后的空格不能省略 否则名称会变为contentTEXT
    @Override
    public void onCreate(SQLiteDatabase db) {
        db.execSQL("CREATE TABLE " + TABLE_NAME + " ("
                + ID+ " INTEGER PRIMARY KEY AUTOINCREMENT,"
                + CONTENT+" TEXT NOT NULL,"
                + PATH +" TEXT NOT NULL,"
                + TIME +" TEXT NOT NULL)");
    }

    //不需要更新
    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {

    }
}

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

package com.bluesky.mynote;

import android.content.Context;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.media.ThumbnailUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * Created by 清晨 on 2015/5/7.
 */
public class MyAdapter extends BaseAdapter {
    private Context mContext;
    private Cursor mCursor;
    private LinearLayout layout;

    public MyAdapter(Context context,Cursor cursor){
        mContext=context;
        mCursor=cursor;
    }
    @Override
    public int getCount() {
        return mCursor.getCount();
    }

    @Override
    public Object getItem(int position) {
        return mCursor.getPosition();
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        LayoutInflater inflater=LayoutInflater.from(mContext);//加载视图权限
        layout= (LinearLayout) inflater.inflate(R.layout.cell,null);//加载视图
        //初始化控件
        TextView content_tv= (TextView) layout.findViewById(R.id.list_content);
        TextView time_tv= (TextView) layout.findViewById(R.id.list_time);
        ImageView img_iv= (ImageView) layout.findViewById(R.id.list_img);
        //查询mCursor 用String获取查询内容
        mCursor.moveToPosition(position);
        String content=mCursor.getString(mCursor.getColumnIndex("content"));
        String time=mCursor.getString(mCursor.getColumnIndex("time"));
        String url=mCursor.getString(mCursor.getColumnIndex("path"));
        content_tv.setText(content);
        time_tv.setText(time);
        img_iv.setImageBitmap(getImageThumbnail(url,200,200));
        return layout;
    }

    //获取缩略图
    public Bitmap getImageThumbnail(String uri,int width,int height){
        Bitmap bitmap=null;
        BitmapFactory.Options options=new BitmapFactory.Options();
        options.inJustDecodeBounds=true;
        bitmap=BitmapFactory.decodeFile(uri,options);
        options.inJustDecodeBounds=false;
        int beWidth=options.outWidth/width;
        int beHeight=options.outHeight/height;
        int be=1;
        //防止图片超出过大或过小不予缩小
        if(beWidth<beHeight){
            be=beWidth;
        }else {
            be=beHeight;
        }
        if(be<=0){
            be=1;
        }
        options.inSampleSize=be;
        bitmap=BitmapFactory.decodeFile(uri,options);
        bitmap=ThumbnailUtils.extractThumbnail(bitmap,width,height,ThumbnailUtils.OPTIONS_RECYCLE_INPUT);
        return bitmap;
    }
}

　　视图层（View）:

                        

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

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

接下来是核心部分

　　控制器(Controler):

　　　　主activity:

package com.bluesky.mynote;
import android.content.Intent;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ListView;


public class MainActivity extends ActionBarActivity implements View.OnClickListener {
    private Button text_btn, img_btn;
    private ListView lv;
    private Intent i;
    private MyAdapter adapter;
    private NoteDB noteDB;
    private SQLiteDatabase dbReader;
    private Cursor cursor;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        //给按钮加入监听事件
        text_btn.setOnClickListener(this);
        img_btn.setOnClickListener(this);
        noteDB = new NoteDB(this);
        //获取读取权限 用于加载listview的内容
        dbReader = noteDB.getReadableDatabase();
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                cursor.moveToPosition(position);//游标挪到了position的位置上
                Intent i=new Intent(MainActivity.this,InContent.class);
                i.putExtra(NoteDB.ID,cursor.getInt(cursor.getColumnIndex(NoteDB.ID)));//以便根据ID删除数据
                i.putExtra(NoteDB.CONTENT,cursor.getString(cursor.getColumnIndex(NoteDB.CONTENT)));
                i.putExtra(NoteDB.TIME,cursor.getString(cursor.getColumnIndex(NoteDB.TIME)));
                i.putExtra(NoteDB.PATH,cursor.getString(cursor.getColumnIndex(NoteDB.PATH)));
                startActivity(i);
            }
        });

    }

    //初始化控件
    public void initView() {
        lv = (ListView) findViewById(R.id.list);
        text_btn = (Button) findViewById(R.id.text);
        img_btn = (Button) findViewById(R.id.image);
    }

    //查询数据
    public void selectDB() {
        cursor = dbReader.query(NoteDB.TABLE_NAME,null,null,null,null,null,null,null);
        adapter = new MyAdapter(this,cursor);
        lv.setAdapter(adapter);
    }

    @Override
    public void onClick(View v) {
        i = new Intent(this, AddContent.class);
        switch (v.getId()) {
            case R.id.text:
                i.putExtra("flag", "1");
                startActivity(i);
                break;
            case R.id.image:
                i.putExtra("flag", "2");
                startActivity(i);
                break;
        }
    }

    @Override
    protected void onResume() {
        super.onResume();
        selectDB();
    }
}

添加内容 activity

　　

package com.bluesky.mynote;

import android.app.Activity;
import android.content.ContentValues;
import android.content.DialogInterface;
import android.content.Intent;
import android.database.sqlite.SQLiteDatabase;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.os.PersistableBundle;
import android.provider.MediaStore;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.VideoView;

import java.io.File;
import java.text.SimpleDateFormat;
import java.util.Date;

/**
 * Created by 清晨 on 2015/5/6.
 */
public class AddContent extends Activity implements View.OnClickListener {
    private NoteDB noteDB;
    private SQLiteDatabase dbWriter;
    private String flag; //接受从mainactivity传来的标识 用于判定加载不同的添加内容界面(图文或者纯文字)
    private EditText editText;
    private Button save_btn,cancel_btn;
    private ImageView c_img;
    private File imgfile;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.addcontent);
        flag=getIntent().getStringExtra("flag");
        initView();
        save_btn.setOnClickListener(this);
        cancel_btn.setOnClickListener(this);
        noteDB=new NoteDB(this);
        dbWriter=noteDB.getWritableDatabase();//获取写入数据库权限
    }

    //初始化控件
    public void initView(){
        editText= (EditText) findViewById(R.id.ettext);
        save_btn= (Button) findViewById(R.id.save);
        cancel_btn= (Button) findViewById(R.id.cancel);
        c_img= (ImageView) findViewById(R.id.c_img);
        if(flag.equals("1")){
            c_img.setVisibility(View.GONE);//隐藏imageview
        }
        if(flag.equals("2")){
            c_img.setVisibility(View.VISIBLE);//显示imageview
            //启动系统相机拍照
            Intent getImg=new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
            //图片是放在存储卡中 路径存在数据库中 以时间命名图片 避免重名
            imgfile=new File(Environment.getExternalStorageDirectory()
                    .getAbsolutePath()+"/"+getTime()+".jpg");
            getImg.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(imgfile));
            startActivityForResult(getImg,1);//便于立即查看效果


        }
    }

    //获取内容并写入数据库
    public void addDB(){
        ContentValues cv=new ContentValues();
        cv.put(NoteDB.CONTENT,editText.getText().toString());
        cv.put(NoteDB.TIME,getTime());
        cv.put(NoteDB.PATH,imgfile + "");
        dbWriter.insert(NoteDB.TABLE_NAME,null,cv);
    }

    //获取系统当前时间
    public String getTime(){
        SimpleDateFormat format=new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
        Date curDate=new Date();
        String str=format.format(curDate);
        return str;
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.save:
                addDB();
                finish();
                break;
            case R.id.cancel:
                finish();
                break;

        }

    }

    //预览显示拍摄内容
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(resultCode==1){
            Bitmap bitmap= BitmapFactory.decodeFile(imgfile.getAbsolutePath());
            c_img.setImageBitmap(bitmap);
        }
    }
}

内容详情页Activity

package com.bluesky.mynote;

import android.app.Activity;
import android.database.sqlite.SQLiteDatabase;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

/**
 * Created by 清晨 on 2015/5/8.
 */
public class InContent extends Activity implements View.OnClickListener {
    private Button del_btn;
    private Button back_btn;
    private ImageView in_img;
    private TextView in_tv;
    private NoteDB noteDB;
    private SQLiteDatabase dbWriter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.incontent);
        initView();
        noteDB= new NoteDB(this);
        dbWriter=noteDB.getWritableDatabase();
        del_btn.setOnClickListener(this);
        back_btn.setOnClickListener(this);
        //根据记事方式加载不同视图
        if(getIntent().getStringExtra(NoteDB.PATH).equals("null")){
            in_img.setVisibility(View.GONE);
        }else {
            in_img.setVisibility(View.VISIBLE);
        }
        //显示文字
        in_tv.setText(getIntent().getStringExtra(NoteDB.CONTENT));
        //显示图片
        Bitmap bitmap= BitmapFactory.decodeFile(getIntent().getStringExtra(NoteDB.PATH));
        in_img.setImageBitmap(bitmap);
    }

    public void initView(){
        del_btn= (Button) findViewById(R.id.delete);
        back_btn= (Button) findViewById(R.id.back);
        in_img= (ImageView) findViewById(R.id.in_img);
        in_tv= (TextView) findViewById(R.id.in_tv);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.delete:
                delDB();
                finish();
                break;
            case R.id.back:
                finish();
                break;
        }
    }
    //删除数据
    public void delDB(){
        dbWriter.delete(NoteDB.TABLE_NAME,"id="+getIntent()
                .getIntExtra(NoteDB.ID,0),null);
    }
}

　　新人一枚,初学安卓,也初次尝试着写博客,暂且把这一路的code time记下来吧.