Android小程序-乐学成语学习(一)

目标效果:



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
  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值