考试首页 | 考试用书 | 培训课程 | 模拟考场 | 考试论坛  
  当前位置:编程开发 > 移动开发 > 文章内容
  

HelloWorld!XML为基的UI

 [ 2012年12月18日 ] 【

本章通过比较使用 XML 为基的 UI 和代码为基的 UI 来给你一个比较的例子。 正如你将要看到的,使用 main.xml 要求和代码为基的方式差不多同样多的代码 来把图片发送到屏幕上。但是两个过程的句法不同。 

如果在上个例子中所作使用同样的项目,从 HelloWorldImage.java 文件中 移除 TextView 代码。干净的文件应该看起来像这个一样: 
package  android_programmers_guide.HelloWorldImage; 
import  android.app.Activity; 

import  android.os.Bundle; 

public  class  HelloWorldImage  extends  Activity  { 
/**  Called  when  the  activity  is  first  created.  */ @Override 

public  void  onCreate(Bundle  icicle)  { super.onCreate(icicle); 

现在你有一个清白的历史可以开始,把上面的移到 main.xml 中,你需要为 
一个 ImageView 增加定义。开始增加一个空的 ImageView 标签到你的 main.xml 
中: 

<ImageView 
/> 

你  需  要  编  辑   ImageView   的  4  个  属  性   :   android:id, 

android:layout_width,android:layout_height,  和  android:src。你 会 把 这 些 属性添加到标签中,这些控制标签如何在屏幕上显示。 

android:id 属性被用来作为 ImageView 的识别符。android:id 属性可以在 ImageView 代码中被提交处理。可以等一会儿在 R.layout.imageview 中使用 @+id/<name>句法来给 ImageView 赋值一个识别符: 

android:id="@+id/imageview" 

本行插入一个以 imageview 命名,自动产生的 ID,@+id 到 R.java 内。 

下  两  个  你  必  须  定  义  的  属  性  是  :  android:layout_width  和 android:layout_height。这些属性控制图片如何填充屏幕。有两个可选择的选 项 。fill_parent 值定义全部显示图片,wrap_content 显示定义的图片尺寸,可 能会丢失图像清晰度。本例中使用 wrap_content: 

android:layout_height="wrap_content" 

最后一个需要赋值的属性是最重要的变量型的属性:android:src.这个属性 指向你要显示的图片。例如,指向属性到 drawable/helloworld 图片: 

android:src="@drawable/helloworld"

Your  full  ImageView  tag  should  look  like  this: 
<ImageView  android:id="@+id/imageview" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:src="@drawable/helloworld" 
/> 

最后 ,在图像显示前,你必须把 main.xml 通过 setContentView 传递到 HelloWorldImage.java 中: 

setContentView(R.layout.main); 
编译并运行 HelloWorldImage。 

在本章结束前,再试一下另外一件事。回到 main.xml 中并且把 wrap_content 改成 fill_parent。完成后,你的 main.xml 文件应当如下: 
<?xml  version="1.0"  encoding="utf-8"?> 

<LinearLayout 

xmlns:android=http://schemas.android.com/apk/res/android android:orientation="vertical" 

android:layout_height="fill_parent" 

<ImageView  android:id="@+id/imageview" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:src="@drawable/helloworld" 
/> 

</LinearLayout> 

再次运行程序来检查 wrap_content 和 fill_parent 之间的不同之处。 

使用 TextView 和 ImageView 

使用一些在本章学到的技巧和技术来创建一个新的 Hello  World!应用程 序。创建一个即用 TextView 也用 ImageView 的程序,图片放在屏幕上并且带有 一个文本的标题。这个比在一个 Activity 中使用一个 View 多一点难度。多用 Views 看看你能创建什么。 

首页 1 2 尾页
本文纠错】【告诉好友】【打印此文】【返回顶部

考试用书

全国计算机应用能力考试用书-红旗LinuxDesktop6.0操作系统全国计算机应用能力考试用书-红旗Linux
ISBN编号: 9787512904538 出版时间: 2013-3 出版社: 中国人事出版社 页数:..
定价:¥45 优惠价:¥45  更多书籍
全国专业技术人员计算机应用能力考试用书Word2007中文字处理全国专业技术人员计算机应用能力考试用
ISBN编号: 9787512904569 出版时间: 2013-4 出版社: 中国人事出版社 页数:..
定价:¥45 优惠价:¥45  更多书籍
将考试通添加到收藏夹 | 每次上网自动访问考试通 | 复制本页地址,传给QQ/MSN上的好友 | 申请链接 | 意见留言 TOP
关于本站  网站声明  广告服务  联系方式  站内导航  考试论坛
Copyright © 2007-2013 中华考试网(Examw.com) All Rights Reserved