android中的UI控制(一)
Java在UI方面的表现一直很不如意,由于界面不好看、使用不方便造成大量开发人员不愿去使用它。幸好在Android中我们将不再使用这些控 件。Android内建了一个内部的UI框架,并做了一些特殊的设计以让其在手机上能有良好的用户体验。在Android SDK中,跟JDK一样有Button、TextField、List、Grid等,但是这些控件都做了优化,提供了适合在手机上做的控制。
在Android SDK UI的核心控制中有android.view.View和android.view.ViewGroup是两个主要类。View表示是一个视图就是一般视 觉上的一个区域,ViewGroup也是一个View,它扩展View使其内部能存放其他的View所以可以理解为一个Container容器。 ViewGroup内部采用跟Swing一样的处理机制,内部采用一个layout manager来管理它的布局,让用户能采用内置的布局进行视图控制。
声明布局和视图的方式:
在Android中有三种方式可以用来创建UI界面。
1. 在xml布局文件中创建出UI视图的层次架构,android提供了很多属性用来使用xml对视图和布局进行管理,你可以通过这些属性定义视图大小,方向等。
2. 在代码中创建视图或布局。 动态的创建View或ViewGroup并设置它们的属性。
3.混合方式。 在xml中声明视图或布局。然后在代码中找出这些视图,然后修改里面的属性。
使用xml布局的优点是:它使用的MVC模式,将视图层和逻辑控制层分开。视图和布局控制文件没有混合在程序代码中,使整个项目结构清晰,可维护性高。
使用代码创建视图或布局的优点是:可以根据程序运行状态,动态的显示内容。
下面演示对应两种方式实现同一个视图:
效果图
(一)代码方式
package com.zhouzijing.android;
import android.app.Activity;
import android.os.Bundle;
import android.view.ViewGroup.LayoutParams;
import android.widget.LinearLayout;
import android.widget.TextView;
public class MainActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//创建一个主视图容器
LinearLayout parent = new LinearLayout(this);
parent.setOrientation(LinearLayout.VERTICAL);
parent.setLayoutParams(new LayoutParams(
LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
//创建放名字的容器
LinearLayout nameLinearLayout = new LinearLayout(this);
nameLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
nameLinearLayout.setLayoutParams(new LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
TextView nameLabel = new TextView(this);
nameLabel.setText("名字:");
TextView name = new TextView(this);
name.setText("张三丰");
nameLinearLayout.addView(nameLabel);
nameLinearLayout.addView(name);
//创建放地址的容器
LinearLayout addressLinearLayout = new LinearLayout(this);
addressLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
addressLinearLayout.setLayoutParams(new LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
TextView addressLabel = new TextView(this);
addressLabel.setText("地址:");
TextView address = new TextView(this);
address.setText("武当山");
addressLinearLayout.addView(addressLabel);
addressLinearLayout.addView(address);
//创建放国家的容器
LinearLayout countryLinearLayout = new LinearLayout(this);
countryLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
countryLinearLayout.setLayoutParams(new LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
TextView countryLabel = new TextView(this);
countryLabel.setText("国家:");
TextView country = new TextView(this);
country.setText("中国");
countryLinearLayout.addView(countryLabel);
countryLinearLayout.addView(country);
//将名字、地址、国家放到主容器中
parent.addView(nameLinearLayout);
parent.addView(addressLinearLayout);
parent.addView(countryLinearLayout);
//显示主容器
setContentView(parent);
}
}
(二)布局xml方式
下面我们创建一个布局xml也可以完成同样的效果:
main.xml 存放到res/layout目录下
对应Activity代码:
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
上面完成的效果同用代码创建视图的一样。主容器、名字容器、地址容器和国家容器都是LinearLayout,它有一个属性可以设置方向,在主容器中方向是纵向,而 其他三个则是横向,所以名字标签和名字值在同一行,地址标签和地址值在同一行, 国家标签和国家值也在同一行 。因为主容器是纵向,所以主容器里面的三个子节点名字容器、地址容器、 国家容器 将从上 到下排列所以分层三行。
备注:
xml文件中:
android:layout_width="..." android:layout_height="..."
每个View的android:layout_width、android:layout_height必须在xml中进行设置,否则程序将发生异常而终止。
android:layout_width、android:layout_height取值有2种数据:(1)fill_parent(2)wrap_content
(三) 混和使用动态创建和xml布局创建视图
新建布局文件 second.xml
这边我们定义了一个TextView,然后设置的它的大小和里面的内容。注意,这里我们给这个TextView赋了一个ID 值:android:id=”@+id/view1″。这边的”@+id”是值创建一个新的ID值,这时候android平台开发的aapt工具(Android Asset Packaging Tool)就会帮我 们生成一个字段值,让我们可以通过R.id.view1来查找出这个对象。如果是”@id”则表示这个是对ID值的引用,aapt工具不会帮我们生成一个 字段值来获取这个id。
Activity代码:
(代码1)
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.second);
}
(代码2)
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.second);
TextView tv = (TextView)findViewById(R.id.view1);
tv.setText("新的TextView值");
}
代码2做的工作:先将布局文件second.xml设置到当前的布局中。然后根据id进行查找,查找出在xml布局中声明的TextView对象,然后修改里面的值。最终效果如下图(代码2效果)
执行效果如下:
|
|
代码1效果 |
代码2效果 |
运行效果是,原来的在xml布局中声明的内容被动态修改掉了。通过以上的代码对比可以发现其实使用xml布局文件的效果更好,因为避免写了一大堆界面代码 嵌套在应用程序逻辑中。当布局复杂时还有很多布局额外的属性要配置如:layout_padding , layout_margin等,如果把这些东西全部写在代码中,那代码将会变得很臃肿,很难维护,所以建议除非要创建的只有简单的几个视图对象否则最好用 xml布局或混合方式。
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
相关推荐: Severe Tire Damage:世界上第一个在互联网上直播的摇滚乐队
2022年的今天,我们可以随时随地通过手机、平板和电脑等设备听音乐、看电影,轻松地在网上下载和观看音频和视频内容,似乎一切都理所当然。 但很多人也许并不知道,互联网在诞生之后相当长的一段时间里,都是“安静”的。人们可以在互联网上传送文字,发送邮件,但音频和视频…