目标效果:
1.程序所需素材:点击打开链接
2.新建项目,在res目录下新建raw文件夹,将素材中idioms.db数据库复制到该文件夹下,这是因为raw文件夹中的东西,android会原封不动的拷贝到程序中,而不会转换为二进制文件。
3.src目录下新建七个包,adapter包用于存放适配器,activity包用于存放页面活动相关的代码,dao包用于存放数据操作相关的代码,db包用于数据库相关的代码,util包用于存放所有工具相关的代码,test包用于存放单元测试类,entity用于存放实体类。
4.首先在strings.xml页面定义所需要的文本信息。
strings.xml页面:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">happyidiom</string>
<string name="action_settings">Settings</string>
<string name="title_study">学习</string>
<string name="title_search">搜搜</string>
<string name="title_game">游戏</string>
<string name="title_save">收藏</string>
<string name="title_help">帮助</string>
<string name="animal">动物类</string>
<string-array name="category">
<item>动物类</item>
<item>自然类</item>
<item>人物类</item>
<item>季节类</item>
<item>数字类</item>
<item>寓言类</item>
<item>其它类</item>
</string-array>
</resources>
5.在res目录下新建anim文件夹,存放两个动画页面,作为ListView内容显示时的动画效果。
anim_listview.xml页面:
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fromAlpha="0.0"
android:toAlpha="1.0">
</alpha>
anim_layout_listview.xml页面:
<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
android:animation="@anim/anim_listview"
android:animationOrder="random"
android:delay="0.2">
</layoutAnimation>
6.layout文件夹下新建category_item.xml页面,作为显示成语类别ListView的子项目。
category_item.xml页面:
<?xml version="1.0" encoding="utf-8"?>
<!-- “学习”中ListView的子布局 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp"
android:orientation="horizontal" >
<ImageView
android:id="@+id/category_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/category_animal"/>
<TextView
android:id="@+id/category_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/animal"
android:gravity="center"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceLarge"/>
</LinearLayout>
7.新建animal_item.xml页面,作为显示详细成语ListView的子项目。
animal_item.xml页面:
<?xml version="1.0" encoding="utf-8"?>
<!-- 成语列表布局 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:descendantFocusability="blocksDescendants"
android:padding="10dp" >
<!-- android:descendantFocusability="blocksDescendants"使ListView中的子控件ImageButton失去焦点 -->
<TextView
android:id="@+id/tvName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:gravity="center"
android:textColor="#000000"
android:text="助人为乐"
android:textAppearance="?android:attr/textAppearanceLarge"/>
<ImageButton
android:id="@+id/btnSave"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@null"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/tvName"
android:src="@drawable/btnsave"/>
</RelativeLayout>
8.新建dialog_info.xl页面,用于显示点击成语显示成语解释等信息的对话框页面。
dialog_info.xml页面:
<!-- 对话框布局 -->
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_pa