【该项目实训是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>
这篇先到这。
时间: 2024-08-02 11:03:30