Android 开发之Eclipse制作简易备忘录

Android 开发之Eclipse制作“备忘录”

备忘录，或者说是便签，其实界面设计比较简单，机载的一些便签也是比较简单的设计，当然，如果想让画面更加绚丽点，可以融合进相应技术，在这里，我就做一些简单的设计。界面之外，主要是文件的存储与读取，设计到java编程的IO流操作，相信对于有着一定的java基础的人都是很容易去理解的。

UI图如下：

下面简单介绍一下我制作这个备忘录的过程。

首先做UI设计，具体设计相信只是时间问题，很好解决，直接编写xml布局文件，对于该备忘录，我设计了3个xml布局文件，其中第一个是activity_main.xml，第二个是about.xml（里面存放的是copyrights信息），第三个是details.xml（里面是用于显示某条选中记录的完整信息），三个布局分别如下：

除了第一个布局，另外两个布局都有back按钮，用于返回到主界面。

三个布局的布局文件应该是很容易写的，需要注意的是，需要设置响应的id，以便在主函数中进行消息响应。

三个布局文件的代码分别是：

activity_main.xml

xmlns:tools="https://www.360docs.net/doc/c912654191.html,/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context="com.example.xiongyanan.notes.MainActivity">

android:id="@+id/et_content"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginLeft="10dp"

android:layout_marginRight="10dp"

android:layout_marginTop="0dp"

android:background="#D9CAC4"

android:gravity="top"

android:maxLines="4"

android:lines="4"

android:maxLength="110"

android:textColor="#FD0516"/>

android:id="@+id/bt_write"

android:textColor="#541717"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:width="35dp"

android:layout_alignLeft="@+id/et_content"

android:layout_below="@+id/et_content"

android:layout_marginTop="10dp"

android:text="write"/>

android:id="@+id/linearLayout1"

android:layout_alignParentLeft="true"

android:layout_marginLeft="15dp"

android:layout_marginRight="15dp"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_below="@id/bt_write"

android:layout_marginTop="5dp"

android:orientation="vertical">

android:id="@+id/note_saved1"

android:clickable="true"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#96C8A8"

android:layout_marginBottom="5dp"

android:textColor="#177C50"

android:lines="1"

android:textSize="20dp"/>

android:id="@+id/note_saved2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#96C8A8"

android:layout_marginBottom="5dp"

android:textColor="#177C50"

android:textSize="20dp"

android:lines="1"

android:clickable="true"/>

android:id="@+id/note_saved3"

android:clickable="true"

android:layout_width="match_parent"

android:background="#96C8A8"

android:layout_height="wrap_content"

android:layout_marginBottom="5dp"

android:textColor="#177C50"

android:lines="1"

android:textSize="20dp"/>

android:id="@+id/note_saved4"

android:clickable="true"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#96C8A8"

android:layout_alignLeft="@+id/linearLayout1"

android:layout_below="@+id/linearLayout1"

android:layout_marginBottom="5dp"

android:textColor="#177C50"

android:lines="1"

android:textSize="20dp"/>

android:id="@+id/note_saved5"

android:clickable="true"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#96C8A8"

android:layout_alignLeft="@+id/textView2"

android:layout_below="@+id/textView2"

android:layout_marginBottom="5dp"

android:textColor="#177C50"

android:lines="1"

android:textSize="20dp"/>

android:id="@+id/bt_save"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_above="@+id/linearLayout1"

android:layout_toRightOf="@+id/bt_write"

android:clickable="true"

android:text="save"

android:textColor="#541717"

android:width="35dp"/>

android:id="@+id/bt_rewrite"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBottom="@+id/bt_save"

android:layout_alignTop="@+id/bt_save"

android:layout_toRightOf="@+id/bt_save"

android:shadowColor="#263646"

android:text="clear"

android:textColor="#541717"

android:width="40dp"/>

android:id="@+id/bt_about"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_above="@+id/linearLayout1"

android:layout_alignRight="@+id/linearLayout1"

android:layout_alignTop="@+id/bt_rewrite"

android:layout_toRightOf="@+id/bt_rewrite"

android:text="about"

android:textColor="#541717"

android:width="35dp"/>

android:id="@+id/bt_down"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/linearLayout1"

android:layout_below="@+id/linearLayout1"

android:text="down"/>

android:id="@+id/bt_up"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBaseline="@+id/bt_down"

android:layout_alignBottom="@+id/bt_down"

android:layout_alignRight="@+id/linearLayout1"

android:text="up"/>

android:id="@+id/bt_first"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBaseline="@+id/bt_up"

android:layout_alignBottom="@+id/bt_up"

android:layout_centerHorizontal="true"

android:text="first"/>

detail.xml::

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/tv_details"

android:layout_height="wrap_content"

android:layout_width="match_parent"

android:maxLines="8"

android:textColor="#2E37AA"

android:textSize="20dp"

android:lines="8"

android:text="hello"/>

android:id="@+id/bt_back"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_below="@+id/tv_details"

android:layout_marginRight="16dp"

android:layout_marginTop="46dp"

android:text="back"/>

至此，界面布置完成，相应的控件ID都已合理的设置，接下来，需要写主函数以及用于IO存储的函数。

下面对诸多按钮的功能进行一一叙述：

“write”——设置光标可见，设置编辑区清空

“save”——存储TextView（也就是编辑框）里的内容到相应的xxx.txt 里面，该txt 文件将存储在手机内存中。

“clear”——backspace的作用

“about”——作者信息与app信息

“up”——记录向上滚动

“down”——记录向下滚动

“first”——首页

按下每个小TextView时，将进入记录具体内容演示界面，其中按下“back”将返回主界面。

功能补述：：：

由于记录是存储在手机内存中的，因此，希望每次启动app时候，能载入已经存储好了的记录，且按照习惯，载入最近的几条记录，并可实现记录翻页取出。因此，文件既涉及到存，也涉及到读，为实现存储文件和读取文件，编写noteService类，里面包含读、写函数，具体代码如下：

public class noteService

{

public static boolean saveContent(Context context,String content,int saveCountor)

{

String str = "content"+saveCountor;

try

{

File file = new File(context.getFilesDir(),str);

FileOutputStream fos = new FileOutputStream(file);

fos.write((content).getBytes());

fos.close();

return true;

} catch (Exception e) {

e.printStackTrace();

return false;

}

}

public static String getSavedContent(Context context,int saveCountor) {

String str = "content"+saveCountor;

File file = new File(context.getFilesDir(),str);

try {

FileInputStream fis = new FileInputStream(file);

BufferedReader br = new BufferedReader(new

InputStreamReader(fis));

String str1 = br.readLine();

return str1;

}

catch (Exception e){

e.printStackTrace();

return null;

}

}

}

此类中没有定义实例化对象函数。

定义好noteService类后，接下来需要编写主函数了。为了实现上述功能，主函数需要对相应事件进行监听，进行相应的处理，并力争减少bug，顾经过反复调试，主类代码为：package com.example.xiongyanan.notes;

import java.io.File;

import android.os.Bundle;

import android.support.v7.app.ActionBarActivity;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

import android.widget.Toast;

public class MainActivity extends ActionBarActivity implements OnClickListener {

private int saveCountor;

private int saveCountorImage;

private File file;

private EditText et_content;

private Button bt_back;

private TextView tv_details;

protected void onCreate(Bundle savedInstanceState)

{

int i=1;

super.onCreate(savedInstanceState);

setContentView(https://www.360docs.net/doc/c912654191.html,yout.activity_main);

btSet();

do

{

String str = "content"+i;

file = new File(this.getFilesDir(),str);

i++;

}

while(file.exists());

saveCountor=i-1;

contentFindSet();

saveCountorImage=saveCountor;

}

private void contentFindSet()

{

TextView note_save1 = (TextView)this.findViewById(R.id.note_saved1);

TextView note_save2 = (TextView)this.findViewById(R.id.note_saved2);

TextView note_save3 = (TextView)this.findViewById(R.id.note_saved3);

TextView note_save4 = (TextView)this.findViewById(R.id.note_saved4);

TextView note_save5 = (TextView)this.findViewById(R.id.note_saved5);

if(saveCountor<5)

{

n ote_save1.setText("No Saved");

n ote_save2.setText("");

n ote_save3.setText("");

n ote_save4.setText("");

n ote_save5.setText("");

}

else

{

note_save1.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-1));

note_save2.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-2));

note_save3.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-3));

note_save4.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-4));

note_save5.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-5));

}

}

private void contentFindSet(int saveCountor)

{

TextView note_save1 = (TextView)this.findViewById(R.id.note_saved1);

TextView note_save2 = (TextView)this.findViewById(R.id.note_saved2);

TextView note_save3 = (TextView)this.findViewById(R.id.note_saved3);

TextView note_save4 = (TextView)this.findViewById(R.id.note_saved4);

TextView note_save5 = (TextView)this.findViewById(R.id.note_saved5); note_save1.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-1));

note_save2.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-2));

note_save3.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-3));

note_save4.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-4));

note_save5.setText((CharSequence)noteService.getSavedContent(

MainActivity.this, saveCountor-5));

}

private void btSet()

{

Button bt_save = (Button)this.findViewById(R.id.bt_save);

bt_save.setOnClickListener(this);

Button bt_rewrite = (Button)this.findViewById(R.id.bt_rewrite);

bt_rewrite.setOnClickListener(this);

Button bt_write = (Button)this.findViewById(R.id.bt_write);

bt_write.setOnClickListener(this);

Button bt_about = (Button)this.findViewById(R.id.bt_about);

bt_about.setOnClickListener(this);

Button bt_up = (Button)this.findViewById(R.id.bt_up);

bt_up.setOnClickListener(this);

Button bt_down = (Button)this.findViewById(R.id.bt_down);

bt_down.setOnClickListener(this);

Button bt_first = (Button)this.findViewById(R.id.bt_first);

bt_first.setOnClickListener(this);

TextView note_saved1 = (TextView)this.findViewById(R.id.note_saved1); note_saved1.setOnClickListener(this);

TextView note_saved2 = (TextView)this.findViewById(R.id.note_saved2); note_saved2.setOnClickListener(this);

TextView note_saved3 = (TextView)this.findViewById(R.id.note_saved3); note_saved3.setOnClickListener(this);

TextView note_saved4 = (TextView)this.findViewById(R.id.note_saved4); note_saved4.setOnClickListener(this);

TextView note_saved5 = (TextView)this.findViewById(R.id.note_saved5); note_saved5.setOnClickListener(this);

}

@Override

public void onClick(View v)

{

switch (v.getId())

{

case R.id.bt_save:

et_content = (EditText)this.findViewById(R.id.et_content);

noteService.saveContent(MainActivity.this,

et_content.getText().toString(),saveCountor);

et_content.setCursorVisible(false);

et_content.setText("");

saveCountorImage=saveCountor;

saveCountor++;

contentFindSet(saveCountor);

break;

case R.id.bt_rewrite:

et_content = (EditText)this.findViewById(R.id.et_content);

String str = et_content.getText().toString();

if(str.length()>0)

{str= str.substring(0, str.length()-1);}

else

{ str="";}

et_content.setText(str);

case R.id.bt_write:

et_content = (EditText)this.findViewById(R.id.et_content);

et_content.setCursorVisible(true);

break;

case R.id.bt_about: //about this software and author setContentView(https://www.360docs.net/doc/c912654191.html,yout.copyrights);

Button bt_haha = (Button) findViewById(R.id.bt_haha);

bt_haha.setOnClickListener(this);

break;

case R.id.bt_haha: //join into the view of extra information setContentView(https://www.360docs.net/doc/c912654191.html,yout.activity_main);

btSet();

contentFindSet(saveCountor);

break;

case R.id.bt_up:

saveCountorImage++;

if(saveCountorImage>saveCountor)

{

Toast.makeText(this, "到顶了", Toast.LENGTH_SHORT).show();

}

else{

contentFindSet(saveCountorImage);}

break;

case R.id.bt_down:

saveCountorImage--;

if(saveCountorImage<0)

{

Toast.makeText(this, "到底了", Toast.LENGTH_SHORT).show();

}

else

{contentFindSet(saveCountorImage); }

break;

case R.id.bt_first:

contentFindSet(saveCountor);

saveCountorImage = saveCountor;

break;

case R.id.note_saved1:

et_content = (EditText)this.findViewById(R.id.et_content);

setContentView(https://www.360docs.net/doc/c912654191.html,yout.details);

bt_back = (Button) findViewById(R.id.bt_back);

bt_back.setOnClickListener(this);

tv_details = (TextView)this.findViewById(https://www.360docs.net/doc/c912654191.html,_details);

tv_details.setText(noteService.getSavedContent(

MainActivity.this, saveCountorImage-1));

break;

case R.id.note_saved2:

et_content = (EditText)this.findViewById(R.id.et_content);

setContentView(https://www.360docs.net/doc/c912654191.html,yout.details);

bt_back = (Button) findViewById(R.id.bt_back);

bt_back.setOnClickListener(this);

tv_details = (TextView)this.findViewById(https://www.360docs.net/doc/c912654191.html,_details);

tv_details.setText(noteService.getSavedContent(

MainActivity.this, saveCountorImage-2));

break;

case R.id.note_saved3:

et_content = (EditText)this.findViewById(R.id.et_content);

setContentView(https://www.360docs.net/doc/c912654191.html,yout.details);

bt_back = (Button) findViewById(R.id.bt_back);

bt_back.setOnClickListener(this);

tv_details = (TextView)this.findViewById(https://www.360docs.net/doc/c912654191.html,_details);

tv_details.setText(noteService.getSavedContent(

MainActivity.this, saveCountorImage-3));

break;

case R.id.note_saved4:

et_content = (EditText)this.findViewById(R.id.et_content);

setContentView(https://www.360docs.net/doc/c912654191.html,yout.details);

bt_back = (Button) findViewById(R.id.bt_back);

bt_back.setOnClickListener(this);

tv_details = (TextView)this.findViewById(https://www.360docs.net/doc/c912654191.html,_details);

tv_details.setText(noteService.getSavedContent(

MainActivity.this, saveCountorImage-4));

break;

case R.id.note_saved5:

et_content = (EditText)this.findViewById(R.id.et_content);

setContentView(https://www.360docs.net/doc/c912654191.html,yout.details);

bt_back = (Button) findViewById(R.id.bt_back);

bt_back.setOnClickListener(this);

tv_details = (TextView)this.findViewById(https://www.360docs.net/doc/c912654191.html,_details);

tv_details.setText(noteService.getSavedContent(

MainActivity.this, saveCountorImage-5));

break;

case R.id.bt_back:

setContentView(https://www.360docs.net/doc/c912654191.html,yout.activity_main);

btSet();

contentFindSet(saveCountorImage);

break;

default:

break;

}

}

}

至此，资源部分介绍完毕，参照过程，可以制作出简易的备忘录app，此文档用于初级入门学习，后续学习请参考其他的那些大牛！