智能终端软件设计及开发实验三

1、昆明理工大学信息工程与自动化学院学生实验报告(20132014 学年第1学期）-14-课程名称：智能终端软件设计及开发开课实验室：信自楼4442013年11月18日年级、专业、班计科101学号201010803116姓名李力成绩实验项目名称An droid用户界面设计与开发 2 （高级界面）指导教师游进国该同学是否了解实验原理：A. 了解B.基本了解口C.不了解该同学的实验能力：A.强 B冲等C.差该同学的实验是否达到要求：A.达到B.基本达到口C.未达到实验报告是否规范：A.规范B.基本规范口C.不规范实验过程是否详细记录：A.详细B. 一般C.没有教师签名:、上机目的及内容1. 上机内容1

2、.1使用Fragme nt界面控件及Action bar 界面组件实现An droid的高级用户界面设计与开发:编程实现“天气预报服务”软件的用户界面。可以通过图片和文字显示当前和未来几天的天气状况, 包括温度、湿度、风向和雨雪情况等。包括三个选项卡页面：天气预报、历史数据和系统设置。F面给出了用户界面的设计参考:NIk颁1艮S史二ffl統頰j住选甫;XX/j扣?詁触蒐：XK f A%: XX統良6总墉：羽X卜卜曲承*嗣I握命慕乂氐：Q磁朕的天V罠丸 I痕射；E宀1卜觀何打卯送痛：X或程亦卜#冉醐口:股车名：XX , ;也可以在代码中创建Fragment,然后把它加入到 ViewGroup 控

3、件中。然而,Fragment 不一定非要放在 activity 的界面中 ,它可以隐藏在后台为actvitiy 工作。2.1.2、 生命周期onCreate()：当创建 fragment 时系统调用此方法。在其中必须初始化fragment 的基础组件们。可参考 activity 的说）此方法。这个方法必须返回frament 的 layoutnull 。明。 onCreateView()：系统在 fragment 要画自己的界面时调用 （在真正显示之前的根控 件。如果这个 fragment 不提供界面 ,那它应返回 onPause()：所有大多数程序应最少对 fragment实现这三个方法。当然

4、还有其它几个回调方法可应该按情况实现之。的生命周 期回调函数在操控 fragment的生命周期” 一节中有详细讨论。F图为fragment的生命周期（它所在的activity处于运行状态）。Fruflmmt isiddcdonAciashOonCr&a(e(JionCreateVewf)! *DnStartpion Res MT帆 1Fragment It Kihr/飞儿 注TJ用hagtr&再b0 .：,畑口 -2 bfewkKt to She tackI ： T- i：軌望k,存-iH3Fp j:cc蹲伽&C.|(5O4MSKtCin$)o0ODTiPaueOFine ffsgrefltM

5、tLwnsi泊 fheLsurt iTOTi:he baeSsi 5劇cEsoflOmarovOonDetacMOIIFiPftafnwt il tetTDfari添力口 FragmentsonAttach() onCreate() onCreateView() onActivityCreated() onStart() onResume()Fragments 是活动的 （正在使 用 ）Fragment 从 返回堆栈中 返回到布局文件 用户使用返 回功能或 Fragments 被移除 （替换 ）Fragments 被 添加到返回 堆栈中 ,接着 被移除 （替换 ） onPause() onSt

6、op onDestroyView() onDestroy() onDetach()Fragments 被销毁2.1.3 、派生类DialogFragment显示一个浮动的对话框。使用这个类创建对话框是替代activity 创建对话框的最佳选择 .因为可以把fragmentdialog 放入到 activity 的返回栈中 ,使用户能再返回到这个对话框。ListFragment显示一个列表控件 ,就像 ListActivity 类 ,它提供了很多管理列表的方法, 比如 onListItemClick（） 方法响应click 事件。 PreferenceFragmentactivity 。显示一个

7、由 Preference 对象组成的列表 , 与 PreferenceActivity 相同。它用于为程序创建“设置”2.2、Action bar 界面组件2.2.1、 ActionBar 内容 ：从左到右分别是：1、应用图标区：位于 ActionBar 的最左侧，显示当前应用的图标。这个图标也可以实现导航功能。当用 户单击应用图标时，Activity的方法onOptionsItemSelected ()将被触发，并传递一个名为 android.R.id.home的 ID 作为参数。ActionBar 处于2、应用标题区：显示当前应用的标题3、导航区域： ActionBar 可以方便的实现应用

8、内部导航，它具有三种不同的导航模式，当不同的导航模式时，将显示不同的导航控件，如Tab 或者下拉列表等。4、动作按钮区：选项菜单中的部分选项将以图标按钮的形式直接显示出来，方便用户更加便捷的操作。5、菜单区：显示一个图标按钮，单击时，将弹出一个扩展菜单显示选项菜单中的其他内容。2.2.2、 ActionBar 主要功能1、直接显示选项菜单。这样就不需要用户通过单击按钮来显示选项菜单了。如果选项菜单中项目太多，将在一个下拉列表中显示。2、提供多种内部导航模式，包括标准模式、Tab 模式和下拉列表等。3、提供交互式活动视图代替选项条目，如SearchView 等。4、使用程序的图标作为返回Home

9、 主屏或向上的导航操作。与选项菜单一样， ActionBar 作为 Activity 的 一部分，可以调用 Activity 的方法 getActionBar ()来获取它的引用。2.2.3、显示选项菜单通过在 onCreateOptionsMenu(Menu menu) new MenuInflater(this).inflate(R.menu.menu,menu);其中在 menu.xml 定义菜单选项。可以通过设置属性 android:showAsAction=ifRoom|withText 来指定菜单选项出现在 ActionBar 的导航栏 中。当然也可以在代码中为 ActionBaa

10、r 动态添加选项。示例代码如下：Overridepublic boolean onCreateOptionsMenu(Menu menu) new MenuInflater(this).inflate(R.menu.menu,menu);/动态添加选项MenuItem actionItem=menu.add( 新增选项的名字 );actioItem.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM|MenuItem.SHOW_AS_ACTION_WITH_TEXT);actionItem.setIcon(.);return(super.onCrea

11、teOptionsMenu(menu);三、实验方法、步骤（或：程序代码或操作过程）Java 代码：package com.example.weathear;import android.app.TabActivity;import android.os.Bundle;import android.widget.TabHost;import android.view.LayoutInflater;public class MainActivity extends TabActivity Overridepublic void onCreate(Bundle savedInstanceState

12、) super.onCreate(savedInstanceState);TabHost tabHost = getTabHost();LayoutInflater.from(this).inflate(R.layout.activity_main, tabHost.getTabContentView(),true);LayoutInflater.from(this).inflate(R.layout.activity_main1,tabHost.getTabContentView(),true);LayoutInflater.from(this).inflate(R.layout.activ

13、ity_main2, tabHost.getTabContentView(),true); tabHost.addTab(tabHost.newTabSpec(TAB1).setIndicator( 天气预报 ).setContent(R.id.weather1);tabHost.addTab(tabHost.newTabSpec(TAB2).setIndicator( 历史数据 ).setContent(R.id.weather2);tabHost.addTab(tabHost.newTabSpec(TAB3).setIndicator( 系统设置 ).setContent(R.id.wea

14、ther3);Xml 界面代码： vButtonan droid:id=+id/butto n2an droid:layout_width=wra p_conten tan droid:layout_height=wra p_conten tan droid:layout_alig nBottom=+id/butt on1an droid:layout_alig nRight=+id/editText4an droid:layout_toRightOf=+id/textView21 android:text=取消系统设置” / 四、实验过程原始记录（测试数据、图表、计算等）1.1实验截图:第二个应用程序