Android项目实战之(1)-- 开发一个"快速冲浪"的程序
2011-11-11 13:49
721 查看
唐成Android项目实战系列原创文章,转载请注明出处:http://blog.csdn.net/tangcheng_ok
概述:这个小程序,你讲学习到基本控件(Button,Listview,Gridview,TextView等)的使用技巧,AssetManager类的使用,XML数据的解析方式,BaseAdapter,几种布局的使用,Sqlite的使用等等。
2、按照我的编码习惯,我喜欢先将UI弄好,然后直接取数据,并将其显示。那么根据上图UI的设计草图,我们可以将几个主要的布局进行排版设计。代码如下:
界面布局完成了,下一步我们先将一些数据整理出来,我把数据整理成xml文档,供程序初始化使用,数据文档如下:
当然还有图片资源,资源图片我就不提供了。对此项目感兴趣的就自己PS或者直接到网站去截图吧。
根据上面的数据显示,我定义了两个bean,来保存数据。
UrlInfo.java(用于保存url_data标签的相关属性)
OK,实体Bean定义好了,现在可以解析xml数据了。上面的xml数据被我定义为urldata.xml并将其放在Android工程目录assets下,通过AssetManager管理。要解析xml数据,就要用到上面提到的3中方法,这里我们使用Pull(你可以使用以上任意一种处理方式)。为了程序更有扩展性,我们将处理xml数据的方法写成一个接口,然后再通过实现接口去真正解析xml数据。直接看代码。
接口类很简单,就定义了一个接口:
IxmlParseService.java(解析XMl数据的接口类)
当然还有二级分类的显示Adapter,二级分类显示又有两种(ListView,GridView)显示方式,这里就省略了,实现方式和上面FirstClassifyAdapter类一样。
完成了上面的工作之后,我们终于可以将数据显示到界面上了!在自动生成的类SurfingDemoActivity中,先定义并初始化xml文件中相关的各个组件。从上面的需求以及surfing.xml描述文件中我们看到了,这个类中需要实现几个必须得事件监听类。当然也可以不通过实现的方式,直接重写控件的方法,这样如果控件多,实现起来就比较冗余,个人习惯吧。这个类中我们通过实现OnClickListener,OnItemClickListener,OnItemLongClickListener三个类来处理ListView的点击、长按,以及按钮的点击事件。
这个类中,加载数据的流程是这样,先判断是否是第一次运行,如果是第一次运行则解析xml数据,并将其保存到数据库,然后再显示在界面。如果非第一次运行,则直接查询数据库中的数据,然后显示。SurfingDemoActivity.java这个类中关键代码如下。
对于列表的点击功能,上面我们说过通过实现OnItemClickListener,重写其中的方法
细心的读者又发现了,上面提到主要的方法中我们有调用到DBHelper类中相关的方法。是的,DBHelper是数据库相关操作的类,这里我列出来,给大家做个参考,类有待优化,还请各位别拍砖,呵呵
Ok,项目写到这里,主要功能差不多完成了。当然还有很多需要优化的细节,比如说图片,比如说代码、UI优化工作,先上效果图看看(这只是初步的实现主要功能)
下面,我们再SurfingDemoActivity.java中添加一个Menu,首先在res目录下添加一个名为menu的文件夹,再新建一个名为surfing_menu.xml的xml文件。
在android中实现Menu的功能很简单,只需要重写onCreateOptionsMenu方法就好了,点击菜单执行相应的操作重写:onOptionsItemSelected。这里,我直接引用上面的xml文件来实现menu的布局。当然你可以直接在代码里面写。引用也很简单,就一句话:
上面我们提到在菜单中有编辑功能。比如说添加一级菜单,二级菜单,这些都是些简单的逻辑处理,这里就不再贴代码了。最后我就编辑中选择图片的功能做一个简单的介绍,这个类似于一个简单的文件浏览器。我们先看看界面
其实实现这个功能是很简单的。先获取设备的目录地址,枚举此目录下所有的文件,然后显示在界面上,如果是图片,就直接将图片的略缩图显示出来。点击图片就直接获取其地址,返回给设置界面,赋值给EditText就可以了。这里我贴出关键代码,作为参考,很有改善余地的。呵呵,各位见谅了…
五、扩展,我们在界面设计中看到有一个排序功能,这是一个扩展的功能,其实在这个应用程序中可以不做,意义不大,如果非要做这个功能的话,我建议做成Music中能够通过拖动列表进行排序这样的功能
Ok,此文就此为止吧。文章不够清晰,项目边写边记录的。各位见谅了,后续还会有几篇文章,关于项目开发的点点滴滴。到时候我会给出流程图,uml等,来明确思路。如果各位喜欢的话我申请个专栏来写写。其实我的经验什么的都不够,还请各位都指点指点,多交流交流,以达到共同进步,为中国的软件事业做贡献。哈哈….
下载地址:http://download.csdn.net/detail/tangcheng_ok/3853897
唐成Android项目实战系列原创文章,转载请注明出处:http://blog.csdn.net/tangcheng_ok
概述:这个小程序,你讲学习到基本控件(Button,Listview,Gridview,TextView等)的使用技巧,AssetManager类的使用,XML数据的解析方式,BaseAdapter,几种布局的使用,Sqlite的使用等等。
一、简单需求设计
左右分栏的形式,左栏为一级菜单,右栏为二级菜单。通过点击一级菜单列表在右栏现实二级菜单,在二级菜单中点击相关选项进入网页。一级菜单,二级菜单均有编辑功能,或增,或删,或改。为提高用户体验,将二级菜单的显示模式定为两种,一为列表模式,二为表格方式。将在一二级菜单中添加列表头或者列表尾进行添加操作。为更迎合用户的偏好使用,将设计将用户本次的设置保存到系统中,方便用户下次使用。提供恢复默认设置的选项,即将数据初始为原始状态。二、技术实现可能性预见
就我本人而言,做过的项目不多,那么首先我会做一个简单的技术考察,或做一些小Demo。那么这里,我就以我的方式来阐述下这个项目需要用到的一个技术。首先,必然要用到xml的解析,那么xml有三种解析方式(这里只做简单说明):(1)DOM解析,Dom解析器会在解析xml文档是,把文档中所有的元素按照其出现的层次关系解析成一个个Node节点对象,Node节点对象提供了相应的方法去获取父节点和子节点,那么我们可以通过这些方法读取整个xml并对其操作,它的缺点是一次性加载整个xml文件,那么对于移动设备,内存是非常宝贵的,所以我们不用它。(2)SAX解析,SAX解析允许在读取文档的时候,即对文档进行处理,而不必等到整个文档撞在完毕才对其进行操作。它是基于事件驱动的(3)PULL方式,和SAX一样也是基于事件驱动的,使用起来也比较简单,那么我们就用Pull。Activity之间的数据传递和保存,这个是完全可以处理的。调用相应的方法,或者将需要存储的数据保存到sqlite就可以了。这些开始开代码吧。功能的实现,基本没有什么问题了,那么下一步我们就来布局下界面。三、界面布局的设计
根据之前的需求设计,大致将界面布局定为以下样式。四、项目关键技术点讲解及代码展示
1、在Eclipse中新建工程,SurfingDemo,程序包名:org.winplus.sufing2、按照我的编码习惯,我喜欢先将UI弄好,然后直接取数据,并将其显示。那么根据上图UI的设计草图,我们可以将几个主要的布局进行排版设计。代码如下:
surfing.xml(布局描述文件)
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <!-- 左边的操作布局即,一级菜单的显示 --> <LinearLayout android:id="@+id/layout_left" android:layout_width="200px" android:layout_height="wrap_content" android:orientation="vertical" > <TextView android:id="@+id/left_msg" android:layout_width="wrap_content" android:layout_height="40px" android:text="@string/txt_left_msg" /> <ListView android:id="@+id/list_first_classify" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> <!-- 右边布局,即二级菜单的显示 --> <LinearLayout android:id="@+id/layout_right" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <!-- 右边操作布局,显示模式的设置 --> <LinearLayout android:id="@+id/layout_right_oper" android:layout_width="fill_parent" android:layout_height="40px" android:orientation="horizontal" > <TextView android:id="@+id/right_msg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="@string/txt_right_msg" /> <ImageButton android:id="@+id/display_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/ic_display_list"/> <ImageButton android:id="@+id/display_grid" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/ic_display_grid"/> </LinearLayout> <!-- 二级菜单的主显示 --> <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" > <ListView android:id="@+id/second_classify_list" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <GridView android:id="@+id/second_classify_grid" android:layout_width="wrap_content" android:layout_height="wrap_content" android:numColumns="auto_fit" android:verticalSpacing="5dp" android:horizontalSpacing="5dp" android:columnWidth="80dp" android:stretchMode="columnWidth" android:gravity="center"/> </FrameLayout> </LinearLayout> </LinearLayout>
界面布局完成了,下一步我们先将一些数据整理出来,我把数据整理成xml文档,供程序初始化使用,数据文档如下:
<?xml version="1.0" encoding="utf-8"?> <classify> <!--视频(奇异高清,QQ视频,优酷,土豆,新浪视频)--> <subclassify name="视频" icon="img/video.png"> <url_data id="1" name="奇异高清" icon="img/vqiyi.png" url="http://www.qiyi.com" describe=""/> <url_data id="1" name="QQ视频" icon="img/vqq.png" url="http://www.v.qq.com" describe=""/> <url_data id="1" name="优酷" icon="img/vyouku.png" url="http://www.youku.com" describe=""/> <url_data id="1" name="土豆" icon="img/vtudou.png" url="http://www.tudou.com" describe=""/> <url_data id="1" name="新浪视频" icon="img/vsina.png" url="http://video.sina.com.cn/" describe=""/> </subclassify> <!-- 新闻(新浪新闻,新华网,腾讯新闻,网易新闻,中国新闻网) --> <subclassify name ="新闻" icon="img/news.png"> <url_data id="2" name="新浪新闻" icon="img/nsina.png" url="http://news.sina.com.cn/" describe=""/> <url_data id="2" name="新华网" icon="img/nxinhua.png" url="http://www.xinhuanet.com/" describe=""/> <url_data id="2" name="腾讯新闻" icon="img/nqq.png" url="http://news.qq.com/" describe=""/> <url_data id="2" name="网易新闻" icon="img/n163.png" url="http://news.163.com/" describe=""/> <url_data id="2" name="中国新闻网" icon="img/nchina.png" url="http://www.chinanews.com/" describe=""/> </subclassify> <!-- 军事(中华军事,铁血网,环球军事,新浪军事,东方军事) --> <subclassify name ="军事" icon="img/war.png"> <url_data id="3" name="中华军事" icon="img/wchina.png" url="http://military.china.com/zh_cn/" describe=""/> <url_data id="3" name="铁血网" icon="img/wtiexue.png" url="http://www.tiexue.net/" describe=""/> <url_data id="3" name="环球军事" icon="img/whuanqiu.png" url="http://mil.huanqiu.com/" describe=""/> <url_data id="3" name="新浪军事" icon="img/wsina.png" url="http://mil.news.sina.com.cn/" describe=""/> <url_data id="3" name="东方军事" icon="img/weast.png" url="http://mil.eastday.com/" describe=""/> </subclassify> </classify>
当然还有图片资源,资源图片我就不提供了。对此项目感兴趣的就自己PS或者直接到网站去截图吧。
根据上面的数据显示,我定义了两个bean,来保存数据。
UrlClassify.java(用于保存subclassify的Name和Icon)
package org.winplus.sufing; public class UrlClassify { private int id; private String name; private byte[] icon; //getter setter method }
UrlInfo.java(用于保存url_data标签的相关属性)
public class UrlInfo { private int fid; private String name; private byte[] icon; private String url; private String describe; //getter setter method }
OK,实体Bean定义好了,现在可以解析xml数据了。上面的xml数据被我定义为urldata.xml并将其放在Android工程目录assets下,通过AssetManager管理。要解析xml数据,就要用到上面提到的3中方法,这里我们使用Pull(你可以使用以上任意一种处理方式)。为了程序更有扩展性,我们将处理xml数据的方法写成一个接口,然后再通过实现接口去真正解析xml数据。直接看代码。
接口类很简单,就定义了一个接口:
IxmlParseService.java(解析XMl数据的接口类)public interface IXmlParseService {
public Map<UrlClassify,ArrayList<UrlInfo>> getUrlsByParseXml(InputStream is) throws Exception;
}
PullParseService.java(实现解析数据的接口类),以下是主要方法
public Map<UrlClassify,ArrayList<UrlInfo>> getUrlsByParseXml(InputStream is)
throws Exception {
Map<UrlClassify,ArrayList<UrlInfo>> map = null; // 定义一个Map用于保存一级菜单和二级菜单数据(根据xml的结构,将一级菜单UrlClassify作为键值保存在Map中,UrlInfo数字列表保存为Map的值)
ArrayList<UrlInfo> classifies = null; // 定义保存UrlInfo的数组列表。
UrlClassify urlClassify = null;
UrlInfo urlInfo = null;
XmlPullParserFactory factory = XmlPullParserFactory.newInstance(); // 得到一个PullParserFactory实例,用于创建Pull解析器
XmlPullParser parser = factory.newPullParser(); // 创建解析器
parser.setInput(is,"UTF-8"); // 设置解析格式
int type = parser.getEventType(); // 得到当前事件的类型(文档开始、结束,标签开始结束)
byte[] by = null; // 图片文件
while (type!=XmlPullParser.END_DOCUMENT) { // 当前事件类型为文档结束不再循环
String typeName = parser.getName();
if (type==XmlPullParser.START_TAG) {
if ("classify".equals(typeName)) {
map = new LinkedHashMap<UrlClassify, ArrayList<UrlInfo>>();
}else if ("subclassify".equals(typeName)) {
by = imgFile2Byte(parser.getAttributeValue(1));
urlClassify = new UrlClassify(parser.getAttributeValue(0), by);
classifies = new ArrayList<UrlInfo>();
}else if("url_data".equals(typeName)){
by = imgFile2Byte(parser.getAttributeValue(2));
int fid = Integer.valueOf( parser.getAttributeValue(0));
String name = parser.getAttributeValue(1);
String url = parser.getAttributeValue(3);
String describe = parser.getAttributeValue(4);
urlInfo = new UrlInfo(fid,name,by,url,describe);
classifies.add(urlInfo);
}
}else if (type == XmlPullParser.END_TAG) {
map.put(urlClassify, classifies);
}
type = parser.next();
}
return map;
}
解析xml的方法搞定,解析出来的数据是显示在listview中的,我们通过listview.setAdapter()方法设置数据,于是就需要先定义一个继承Adapter的类。在定义Adapter类之前,我们又有必要设计好在listview显示的布局描述文件(当然你也可以使用系统自带的布局)。在这个项目中,我并不打算花太多的精力去做界面上的美化工作,只实现基本的功能,或者演示基本的使用情况。我将一级菜单数据显示的UI定义成如下的样式。
根据上面的显示,定义了如下文件first_classify_adapter.xml(一级菜单Adapter布局文件)
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >
<ImageView
android:id="@+id/edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone"
android:src="@drawable/ic_edit" />
<ImageView
android:id="@+id/img"
android:layout_width="80dip"
android:layout_height="40dip" />
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" />
</LinearLayout>
细心的读者会注意到,上面的布局文件中有一个隐藏的“编辑按钮”图标,非编辑情况下这个图标时隐藏不显示的,只有在编辑模式下才将图标显示。这个编辑功能应该是这样,在编辑模式下,点击编辑图片按钮,然后跳转到相应的Activity中,编辑当前项,然后将编辑过的项更新到数据库或者文件中,然后再返回当前的界面。为了减少对数据库的操作,我并没有打算更新数据后,再查一次数据库中的数据,然后在显示在界面。而且请注意:这个描述文件是在Adapter中使用的,我们都知道诸如startActivityForResult,startActivity(intent)是Activity中的方法,但在Adapter中怎么使用呢?没办法,我只有将SurfingDemoActivity通过构造函数传递到Adapter中,来实现引用,下面是关键代码。
FirstClassifyAdapter.java(一级列表的Adapter)
/** * 以下的关于显示的处理方式是googleIO大会提出的优化方式之一,推荐使用这种方式! */ @Override public View getView(int position, View convertView, ViewGroupparent) { ViewHolder holder = null; if (convertView == null) { holder = new ViewHolder(); convertView = inflater.inflate(R.layout.first_classify_adapter, null); holder.img = (ImageView) convertView.findViewById(R.id.img); holder.text = (TextView) convertView.findViewById(R.id.text); holder.imgEdit = (ImageView) convertView.findViewById(R.id.edit); convertView.setTag(holder); // 这点很关键,当初我就是忘记了设置Tag,导致整个列表值缓存了一屏数据,当数据超过一屏数据时就重复显示了。在网上也看到很多哥们关于重复显示的迷惑。 } else { holder = (ViewHolder) convertView.getTag(); } final FirstClassify classify = mClassifies.get(position); byte[] by = classify.getIcon(); if (by != null) { ByteArrayInputStream bais = new ByteArrayInputStream(classify.getIcon()); holder.img.setImageDrawable(Drawable.createFromStream(bais,String.valueOf(position))); } else { holder.img.setBackgroundResource(R.drawable.ic_launcher); } holder.text.setText(classify.getName()); if (isEdit) { holder.imgEdit.setVisibility(View.VISIBLE); holder.imgEdit.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Log.i(TAG, "classify.getName=" + classify.getName()); Intent intent = new Intent(); intent.setClassName("org.winplus.sufing","org.winplus.sufing.FirstClassifyEditActivity"); Bundle bundle = new Bundle(); bundle.putSerializable("classify", classify); intent.putExtras(bundle); mActivity.startActivityForResult(intent, Constant.REQUEST_EDIT_CLASSIFY); } }); } else { holder.imgEdit.setVisibility(View.GONE); } return convertView; } class ViewHolder { public ImageView img; public TextView text; public ImageView imgEdit; }
当然还有二级分类的显示Adapter,二级分类显示又有两种(ListView,GridView)显示方式,这里就省略了,实现方式和上面FirstClassifyAdapter类一样。
完成了上面的工作之后,我们终于可以将数据显示到界面上了!在自动生成的类SurfingDemoActivity中,先定义并初始化xml文件中相关的各个组件。从上面的需求以及surfing.xml描述文件中我们看到了,这个类中需要实现几个必须得事件监听类。当然也可以不通过实现的方式,直接重写控件的方法,这样如果控件多,实现起来就比较冗余,个人习惯吧。这个类中我们通过实现OnClickListener,OnItemClickListener,OnItemLongClickListener三个类来处理ListView的点击、长按,以及按钮的点击事件。
这个类中,加载数据的流程是这样,先判断是否是第一次运行,如果是第一次运行则解析xml数据,并将其保存到数据库,然后再显示在界面。如果非第一次运行,则直接查询数据库中的数据,然后显示。SurfingDemoActivity.java这个类中关键代码如下。
SurfingDemoActivity.java(代码中都有注释,这里就不说了。)
/** * 初始化数据(判断程序是否是第一次运行,如果是第一次运行则将数据加载到数据库中),关于是否第一次运行的判断,我是直接通过SharedPreferences,将数据保存在共享文件中,如果读取到的值为false表示第一次运行。第一次运行后设置共享文件中的值为true,即可实现。这个好像没有什么好的实现方式吧? */ private void init() { if (!utils.isFirstRunning()) { map = new LinkedHashMap<FirstClassify, ArrayList<UrlInfo>>(); // TODO: 加线程 initXML(); initData(); utils.setFirstRuslt(); } setDefaultData(false); getSecondDisplay(); } /** * 解析数据 */ private void initXML() { InputStream stream = null; AssetManager manager = getAssets(); try { stream = manager.open("urldata.xml"); } catch (IOException e) { Log.i(TAG, e.getMessage()); } try { map = new PullParseService(manager).getUrlsByParseXml(stream); } catch (Exception e) { e.printStackTrace(); } } /** * 将一级分类和二级分类的数据加载到数据库中 */ private void initData() { ArrayList<UrlInfo> urlInfos = new ArrayList<UrlInfo>(); Iterator iter = map.entrySet().iterator(); while (iter.hasNext()) { HashMap.Entry entry = (HashMap.Entry)iter.next(); FirstClassify classify = (FirstClassify) entry.getKey(); urlInfos.addAll((ArrayList<UrlInfo>)entry.getValue()); // 二级分类添加到列表 mDbHelper.insertClassify(classify);// 将一级分类的数据保存在数据中 } int count = urlInfos.size(); for (int i = 0; i < count; i++) { UrlInfo urlInfo = urlInfos.get(i); mDbHelper.insertUrlInfo(urlInfo); Log.i(TAG, "to dburlInfo.name=" + urlInfo.getName()); } } /** * 设置默认显示的数据 */ private void setDefaultData(boolean editMode) { Log.i(TAG, "setDefaultData"); mClassifies = mDbHelper.queryClassify(); getFirstClassifyDisplay(editMode); int def = utils.getDefaultLoading(); mUrlInfos = mDbHelper.queryUrlInfo(def); if (mUrlInfos.isEmpty()) { mUrlInfos = mDbHelper.queryUrlInfo(1); } getSecondDisplay(); } /** * 一级菜单显示 * * @param editMode 是否编辑 */ private void getFirstClassifyDisplay(boolean editMode) { FirstClassifyAdapteradapter = new FirstClassifyAdapter(mClassifies, mContext, isEdit, this); Log.i(TAG, "adapter.count=" + adapter.getCount()); lstFirstClassify.setAdapter(adapter); adapter.notifyDataSetChanged(); } /** * 得到默认设置的显示方式 */ private void getSecondDisplay() { switch (utils.getDisplayStyle()) { case Constant.GRID_DISPLAY: SecondClassifyGridAdapter secondClassifyGridAdapter = newSecondClassifyGridAdapter(mUrlInfos, mContext); gidSecondClassify.setAdapter(secondClassifyGridAdapter); lstSecondClassify.setVisibility(View.GONE); gidSecondClassify.setVisibility(View.VISIBLE); secondClassifyGridAdapter.notifyDataSetChanged(); break; default: SecondClassifyListAdapter secondClassifyAdapter = newSecondClassifyListAdapter(mUrlInfos, mContext); lstSecondClassify.setAdapter(secondClassifyAdapter); lstSecondClassify.setVisibility(View.VISIBLE); gidSecondClassify.setVisibility(View.GONE); secondClassifyAdapter.notifyDataSetChanged(); break; } } /** * 打开浏览器 * @param url */ private void openBrowser(String url){ Intent intent = new Intent(); intent.setAction("android.intent.action.VIEW"); Uri content_uri_browsers = Uri.parse(url); intent.setData(content_uri_browsers); intent.setClassName("com.android.browser","com.android.browser.BrowserActivity"); startActivity(intent); }
对于列表的点击功能,上面我们说过通过实现OnItemClickListener,重写其中的方法
@Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { UrlInfo urlInfo; switch (parent.getId()) { case R.id.list_first_classify: FirstClassify firstClassify = (FirstClassify) lstFirstClassify.getItemAtPosition(position); // 得到当前点击的对象,这句代码关键 txtRightMsg.setText(firstClassify.getName()); mUrlInfos = mDbHelper.queryUrlInfo(firstClassify.getId()); getSecondDisplay(); break; case R.id.second_classify_list: urlInfo = (UrlInfo) lstFirstClassify.getItemAtPosition(position); openBrowser(urlInfo.getUrl()); break; case R.id.second_classify_grid: Log.i(TAG, "grid_context"); urlInfo = (UrlInfo) gidSecondClassify.getItemAtPosition(position); openBrowser(urlInfo.getUrl()); break; default: break; } }
细心的读者又发现了,上面提到主要的方法中我们有调用到DBHelper类中相关的方法。是的,DBHelper是数据库相关操作的类,这里我列出来,给大家做个参考,类有待优化,还请各位别拍砖,呵呵
DBHelper.java(Sqlite数据库操作类)
package org.winplus.surfing; import java.util.ArrayList; import android.R.integer; import android.content.ContentValues; import android.content.Context; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteOpenHelper; import android.database.sqlite.SQLiteDatabase.CursorFactory; import android.util.Log; public class DBHelper { private static final String TAG = "DBHelper"; public static final String ID = "_id"; public static final String NAME = "_name"; public static final String URL = "_url"; public static final String ICON = "_icon"; public static final String DESCRIBE = "_describe"; public static final String FKEY = "_fkey"; public static final String FID = "_id"; public static final String FNAME = "_name"; public static final String FICON = "_icon"; public static final int VERSION = 1; public static final String DATABASE_NAME = "surfing.db"; public static final String TABLE_NAME_URLINFO = "urldata"; public static final String TABLE_NAME_CLASSIFY = "classify"; private static final String CREATE_TABLE_URLINFO = "create table " + TABLE_NAME_URLINFO + "(" + ID + " integer primary key autoincrement," + NAME + " text not null," + URL + " text not null," + ICON + " blob," + DESCRIBE + " text," + FKEY + " integer)"; // 创建二级菜单关于URLinfo的表 private static final String CREATE_TABLE_CLASSFIY = "create table " + TABLE_NAME_CLASSIFY + "(" + FID + " integer primary key autoincrement," + FNAME + " text," + FICON + " blob)"; // 创建一级菜单数据表 private SQLiteDatabase sqldb; private Context mContext; private ContentValues values; private SurfingSQLHelper sqlHelper; public DBHelper(Context context) { mContext = context; } /** * 一个帮助类,用于创建和对数据库的版本进行管理 * @author acer * */ class SurfingSQLHelper extends SQLiteOpenHelper { public SurfingSQLHelper() { // 创建数据库和数据库版本号 super(mContext, DATABASE_NAME, null, VERSION); } /** * 此方法在第一次创建数据库的时候调用,一般我们用它来创建表 */ @Override public void onCreate(SQLiteDatabase db) { db.execSQL(CREATE_TABLE_URLINFO); db.execSQL(CREATE_TABLE_CLASSFIY); } @Override public void onUpgrade(SQLiteDatabase db, int arg1, int arg2) { // TODO Auto-generated method stub db.execSQL("drop table if exists " + CREATE_TABLE_URLINFO); db.execSQL("drop table if exists " + CREATE_TABLE_CLASSFIY); onCreate(db); } } /** * 打开数据库 */ public void open() { sqlHelper = new SurfingSQLHelper(); sqldb = sqlHelper.getWritableDatabase(); } /** * 关闭数据库 */ public void close() { sqlHelper.close(); } /** * 添加网址信息 * * @param urlInfo * @return */ public int insertUrlInfo(UrlInfo urlInfo) { open(); values = new ContentValues(); values.put(NAME, urlInfo.getName()); values.put(URL, urlInfo.getUrl()); values.put(ICON, urlInfo.getIcon()); values.put(DESCRIBE, urlInfo.getDescribe()); values.put(FKEY, urlInfo.getFid()); // empty是表中没有指向的列时用empty代替 int i = (int) sqldb.insert(TABLE_NAME_URLINFO, "empty", values); close(); return i; } /** * 添加一级分类记录 * * @param classify * @return */ public int insertClassify(FirstClassify classify) { open(); Log.i(TAG, "insertClassify"); values = new ContentValues(); values.put(FNAME, classify.getName()); Log.i(TAG, "classify.getIcon()=" + (classify.getIcon() == null)); values.put(FICON, classify.getIcon()); // empty是表中没有指向的列时用empty代替 int i = (int) sqldb.insert(TABLE_NAME_CLASSIFY, "empty", values); close(); return i; } /** * 删除UrlInfo信息 * * @param id * @return */ public int deleteUrlInfo(int id) { open(); String[] whereArgs = new String[] { String.valueOf(id) }; int i = sqldb.delete(TABLE_NAME_URLINFO, "_id=?", whereArgs); close(); return i; } /** * 根据以及分类的ID删除其所有子类 * * @param fId * @return */ public int deleteUrlInfoFid(int fId) { open(); String[] whereArgs = new String[] { String.valueOf(fId) }; int i = sqldb.delete(TABLE_NAME_URLINFO, "_fkey=?", whereArgs); close(); return i; } /** * 删除Classify信息 * * @param id * @return */ public int deleteClassify(int id) { open(); String[] whereArgs = { String.valueOf(id) }; int i = sqldb.delete(TABLE_NAME_CLASSIFY, "_id=?", whereArgs); close(); return i; } /** * 根据ID修改网址记录 * * @param urlInfo * @return */ public int updateUrlInfo(UrlInfo urlInfo) { open(); values = new ContentValues(); values.put(NAME, urlInfo.getName()); values.put(URL, urlInfo.getUrl()); values.put(ICON, urlInfo.getIcon()); values.put(DESCRIBE, urlInfo.getDescribe()); values.put(FKEY, urlInfo.getFid()); String[] whereArgs = { String.valueOf(urlInfo.getFid()) }; int i = sqldb.update(TABLE_NAME_URLINFO, values, ID + "=?", whereArgs); close(); return i; } /** * 根据ID修改分类记录 * * @param classify * @return */ public int updateClassify(FirstClassify classify) { open(); values = new ContentValues(); values.put(FNAME, classify.getName()); values.put(FICON, classify.getIcon()); String[] whereArgs = { String.valueOf(classify.getId()) }; int i = sqldb.update(TABLE_NAME_CLASSIFY, values, ID + "=?", whereArgs); return i; } /** * 根据ID查询UrlInfo * * @return */ public ArrayList<UrlInfo> queryUrlInfo(int id) { open(); String[] whereArgs = new String[] { String.valueOf(id) }; Cursor cursor = sqldb.query(TABLE_NAME_URLINFO, null, "_fkey=?", whereArgs, null, null, null, null); ArrayList<UrlInfo> urlInfos = new ArrayList<UrlInfo>(); int count = cursor.getCount(); for (int i = 0; i < count; i++) { cursor.moveToPosition(i); UrlInfo urlBean = new UrlInfo(); urlBean.setFid(cursor.getInt(cursor.getColumnIndex(ID))); urlBean.setName(cursor.getString(cursor.getColumnIndex(NAME))); urlBean.setUrl(cursor.getString(cursor.getColumnIndex(URL))); urlBean.setIcon(cursor.getBlob(cursor.getColumnIndex(ICON))); urlBean.setDescribe(cursor.getString(cursor .getColumnIndex(DESCRIBE))); urlInfos.add(urlBean); } close(); return urlInfos; } /** * 查询所有的Url分类 * * @return */ public ArrayList<FirstClassify> queryClassify() { open(); Cursor cursor = sqldb.query(TABLE_NAME_CLASSIFY, null, null, null, null, null, null); ArrayList<FirstClassify> classifies = new ArrayList<FirstClassify>(); int count = cursor.getCount(); for (int i = 0; i < count; i++) { cursor.moveToPosition(i); FirstClassify classify = new FirstClassify(); classify.setId(cursor.getInt(cursor.getColumnIndex(FID))); classify.setName(cursor.getString(cursor.getColumnIndex(FNAME))); classify.setIcon(cursor.getBlob(cursor.getColumnIndex(FICON))); classifies.add(classify); } close(); return classifies; } }
Ok,项目写到这里,主要功能差不多完成了。当然还有很多需要优化的细节,比如说图片,比如说代码、UI优化工作,先上效果图看看(这只是初步的实现主要功能)
下面,我们再SurfingDemoActivity.java中添加一个Menu,首先在res目录下添加一个名为menu的文件夹,再新建一个名为surfing_menu.xml的xml文件。
surfing_menu.xml(Menu)
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/menu_add" android:icon="@drawable/ic_launcher" android:title="添加"/> <item android:id="@+id/menu_edit" android:icon="@drawable/ic_launcher" android:title="编辑"/> <item android:id="@+id/menu_default" android:icon="@drawable/ic_launcher" android:title="恢复默认"/> </menu>
在android中实现Menu的功能很简单,只需要重写onCreateOptionsMenu方法就好了,点击菜单执行相应的操作重写:onOptionsItemSelected。这里,我直接引用上面的xml文件来实现menu的布局。当然你可以直接在代码里面写。引用也很简单,就一句话:
this.getMenuInflater().inflate(R.menu.surfing_menu, menu);
上面我们提到在菜单中有编辑功能。比如说添加一级菜单,二级菜单,这些都是些简单的逻辑处理,这里就不再贴代码了。最后我就编辑中选择图片的功能做一个简单的介绍,这个类似于一个简单的文件浏览器。我们先看看界面
其实实现这个功能是很简单的。先获取设备的目录地址,枚举此目录下所有的文件,然后显示在界面上,如果是图片,就直接将图片的略缩图显示出来。点击图片就直接获取其地址,返回给设置界面,赋值给EditText就可以了。这里我贴出关键代码,作为参考,很有改善余地的。呵呵,各位见谅了…
BrowserFileAdapter.java这个是继承BaseAdapter的,没有什么好说的。
package org.winplus.surfing; import java.util.ArrayList; import android.content.Context;t android.view.LayoutInflater; impoimporrt android.view.View;wGroup; import android.widget.import android.view.VieBaseAdapter;import android.widget.ImageView;rowserFileAdapter extends BaseAimport android.widget.TextView; ublic class p Bdapter { rayList<DirFileInfo> mDirFileInfos = new ArrayList<DirFileInfo>(); private L private A rayoutInflater inflater; (ArrayList<DirFileInfo> dirFileInfos,Context context) { mDirFileInfos = dirFile public BrowserFileAdapte rInfos; inflater = LayoutInflater.from(context); } @Override public int getCount() { rride public Object getItem(int if (!mDirFileInfos.isEmpty()) { return mDirFileInfos.size(); } return 0; } @Ov eposition) { if (!mDirFileInfos.isEmpty()) { return mDirFileInfos.get(position); } return null; } @Override iewGroup parent) { ViewHolder holde public long getItemId(int position) { return 0; } @Override public View getView(int position, View convertView, Vr = null; DirFileInfo dirFileInfo = mDirFileInfos.get(position); if (convertView == null) { holder = new ViewHolder(); .list_photo_icon); holder.name = (TextView) convertView.findViewBy convertView = inflater.inflate(R.layout.list_photo_browser, null); holder.icon = (ImageView) convertView.findViewById(R.i dId(R.id.list_photo_name); convertView.setTag(holder); }else { holder = (ViewHolder) convertView.getTag(); } holder.icon.setBackgroundDrawable(dirFileInfo.getIcon()); holder.name.setText(dirFileInfo.getName()); return convertView; } private class ViewHolder{ public ImageView icon; public TextView name; } }
DirFileInfo.java(目录文件信息)
public class DirFileInfo{ private Drawable icon; private String name; private String path; private boolean isDir; // getter。Setter }
BrowserPhotoActivity.java(Activity显示界面)
package org.winplus.surfing; import java.util.ArrayList; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.os.Bundle; import android.os.Environment; import android.util.Log; import android.view.Gravity; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup.LayoutParams; import android.widget.AdapterView; import android.widget.Button; import android.widget.EditText; import android.widget.GridView; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.ListView; import android.widget.AdapterView.OnItemClickListener; public class BrowserPhotoActivity extends Activity implements OnClickListener, OnItemClickListener { private static final String TAG = "BrowserPhotoActivity"; private EditText edtPath; // private Button btnList; // private Button btnGrid; private ListView lstFile; private GridView gidFile; private Context mContext; private BrowserFileAdapter fileAdapter; private ArrayList<DirFileInfo> dirFileInfos = new ArrayList<DirFileInfo>(); private static StringBuffer mPath = new StringBuffer(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.photo_browser); setupViews(); } private void setupViews() { edtPath = (EditText) findViewById(R.id.photo_path); //btnGrid = (Button) findViewById(R.id.photo_grid_display); //btnList = (Button) findViewById(R.id.photo_list_display); lstFile = (ListView) findViewById(R.id.photo_list); gidFile = (GridView) findViewById(R.id.photo_grid); gidFile.setVisibility(View.GONE); //btnGrid.setOnClickListener(this); //btnList.setOnClickListener(this); lstFile.setOnItemClickListener(this); mContext = BrowserPhotoActivity.this; // 添加表头 LinearLayout layout=new LinearLayout(mContext); layout.setGravity(Gravity.LEFT); ImageView imageView = new ImageView(mContext); imageView.setBackgroundResource(R.drawable.ic_prev_dir); layout.addView(imageView, new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); lstFile.addHeaderView(layout); mPath.append(Environment.getExternalStorageDirectory().getPath()); getCurrentPathFileDir(mPath.toString()); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.photo_grid: break; case R.id.photo_list: break; default: break; } } @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { if (position==0) { int pathCount = mPath.toString().lastIndexOf("/"); if (pathCount==0) { mPath.delete(0, mPath.length()).append("/"); }else { mPath.delete(pathCount,mPath.length()); } getCurrentPathFileDir(mPath.toString()); }else { DirFileInfo dirFileInfo = (DirFileInfo) lstFile.getItemAtPosition(position);// 得到当前点击的对象 if(dirFileInfo.isDir()){ // 为目录时,点击显示下级目录中的图片文件和文件夹 Log.i(TAG, "is dir"); Log.i(TAG, "mpath="+mPath+";dirFileInfo.name="+dirFileInfo.getName()); mPath.append("/").append(dirFileInfo.getName()); getCurrentPathFileDir(mPath.toString()); }else { // 选择图片 Intent intent = new Intent(); Log.i(TAG, "dirFileInfo.getPath()="+dirFileInfo.getPath()); intent.putExtra("iconAbsPath",dirFileInfo.getPath()); setResult(Constant.BROWSER_IMAGE, intent); finish(); Log.i(TAG, "is file"); } } } /** * 得到当前目录下的图片文件和文件夹 * @param path */ private void getCurrentPathFileDir(String path){ edtPath.setText(path); dirFileInfos = Utils.getDirFile(path, mContext); fileAdapter = new BrowserFileAdapter(dirFileInfos, mContext); lstFile.setAdapter(fileAdapter); fileAdapter.notifyDataSetChanged(); } }
五、扩展,我们在界面设计中看到有一个排序功能,这是一个扩展的功能,其实在这个应用程序中可以不做,意义不大,如果非要做这个功能的话,我建议做成Music中能够通过拖动列表进行排序这样的功能
Ok,此文就此为止吧。文章不够清晰,项目边写边记录的。各位见谅了,后续还会有几篇文章,关于项目开发的点点滴滴。到时候我会给出流程图,uml等,来明确思路。如果各位喜欢的话我申请个专栏来写写。其实我的经验什么的都不够,还请各位都指点指点,多交流交流,以达到共同进步,为中国的软件事业做贡献。哈哈….
下载地址:http://download.csdn.net/detail/tangcheng_ok/3853897
唐成Android项目实战系列原创文章,转载请注明出处:http://blog.csdn.net/tangcheng_ok
相关文章推荐
- Android项目实战之(1)-- 开发一个"快速冲浪"的程序
- Android开发中遇到的问题(五)——Eclipse导入Android项目出现"Invalid project description overlaps the location of another project"错误的解决办法
- Android快乐贪吃蛇游戏实战项目开发教程-03虚拟方向键(二)绘制一个三角形
- ORAC RAC NTP时间服务器 配置 RVF-5436 : 在一个或多个节点上运行的 NTP 守护程序缺少快速定向选项 "-x"
- android实战项目五做一个倒计时的button
- 解决"未能加载文件或程序集,或它的某一个依赖项,试图加载格式不正确的程序"问题一法
- 2013-5-25 1. “已有打开的与此命令相关联的 DataReader,必须首先将它关闭。"问题. 上周在项目开发中,遇到这样的一个问题,在前台展示页,两个WebPart调用后台的AP
- 微信小程序开发—项目实战之聊天机器人
- 开发的一个android程序,总是显示无法运行,就退出了。但是没有报错。求大神解救啊!
- Andriod项目开发实战(1)——如何在Eclipse中的一个包下建新包
- 抽象共同的一般处理程序+动软代码生成器快速开发项目 一
- 团队项目开发"编码规范"之三:程序注释
- 13个能快速开发android的经典项目
- Android开发:编译运行提示"Your project contains errors..."
- android&nbsp;快速创建一个新的线程
- 怎样用 C/C++ 开发一个原生程序运行在 Android 下而不用 ADK、NDK
- android 开发过程中,两个包名相同的项目如何上传到同一个应用商城
- ubuntu 安装(install) pwntcha[一个做"验证码识别"的开源程序]
- 4-6月是个Android开发的赚钱的好"季节"