首页 > 代码库 > Android基础知识【项目实训】【3】

Android基础知识【项目实训】【3】

【该项目实训是Android基础知识的一个综合练习,特别提示:项目中会用到一些图片素材,都是随意整理的,稍后会上传一个资源,包含该事项项目的基本功能,也含有图片素材

【项目题目】:校园订餐App设计
综合案例
【目标】

欢迎界面过后,应该显示app的主界面了,根据【UI设计指导】中的规划,主界面采用上下两级标签导航。这部分是app开发中比较麻烦的一块。

1、先来看一下,最终的效果吧,这样做起来比较有底:

默认显示的主界面,下部是主导航,上面是二级导航,默认打开的是“促销打折”这一版面

技术分享

促销打折分为 “今日活动” 和 “今日折扣”。活动包括打折 ,而且还有商家搞得 “买一送一、送甜点等其他形式”【这部分功能,应该在二期的项目实训中,设计开发商家客户端才能实现】

技术分享

用户没有登录,无法查看账单信息,账单有未付和 历史。历史账单都是已经 支付过的和取消的。

技术分享

这个相当于一个比较全的主界面了,包含的功能非常多,项目设计指导中的功能,基本涵盖在此。

技术分享

2、下面开始细说 代码,由于主界面代码比较多,该部分将分多篇写完。

首先是标题样式的问题:更改标题样式有很多种方式,这使用 修改样式的方案:

2.1 这是styles。xml种的涉及样式的代码,注意是将ActionBar的背景颜色 和 字体颜色给修改了。

<!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <item name="android:actionBarStyle">@style/my_actionbar_style</item>
    </style>

    <style name="my_actionbar_style" parent="@android:style/Widget.Holo.Light.ActionBar">
        <item name="android:background">#993333</item>
        <item name="android:titleTextStyle">@style/my_actionbar_title</item>
    </style>

    <style name="my_actionbar_title" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
        <item name="android:textColor">#CCCCCC</item>
        <item name="android:textSize">14sp</item>
    </style>
2.2  actionBar上有个菜单,其代码文件如下:
技术分享

该文件是main。xml是位于 res/menu/下的。

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@+id/menu_shopcat"
        android:orderInCategory="100"
        android:showAsAction="always"
        android:icon="@drawable/shopcat"
        android:title="购物车"/>
    <item
        android:id="@+id/menu_more"
        android:orderInCategory="101"
        android:showAsAction="always"
        android:icon="@drawable/more"
        >
		<menu>
		    <group>
				<item 
				    android:id="@+id/menu_info"
			        android:orderInCategory="201"
				    android:title="个人信息"
				    android:icon="@drawable/role"
				    />		        
				<item 
				    android:id="@+id/menu_setting"
			        android:orderInCategory="202"
				    android:title="系统设置"
				    android:icon="@drawable/set"
				    />		        
				<item 
				    android:id="@+id/menu_exit"
			        android:orderInCategory="203"
				    android:title="退出系统"
				    android:icon="@drawable/exit"
				    />		        
		        
		    </group>
		</menu>        
    </item>
	
</menu>

这篇先到这。

Android基础知识【项目实训】【3】