1、Android 简单入门最近 Android 挺火的,可惜刚毕业,温饱才刚刚解决,还没能力买台 Android 手机,所以目前的开发只能用模拟器来做。就目前 Android SDK 1.5 + Eclipse + ADT 的开发方式来说,跟 J2ME 最大的区别在于 UI 的不同,当然 Android 比 J2ME 多出很多东西,多出的是 J2ME 无法作对比的。刚开始做 Android 开发,很多人都是先写个简单的界面,再加点控制代码,本文就是这样。本文所讲到的是 LinearLayout + Button + EditText + AlertDialog 的简单使用。 Activity 以
2、 LinearLayout 排列,共用到两个 LinearLayout,第一个是用于全窗体,第二个用于存放两个 Button,第二个 LinearLayout 放在 EditText 控件下面,以下给出main.xml 的代码: main.xml 用于 Activity 的 UI 设计,目前设计起来的速度,比 J2ME 上的 LWUIT 略快(两者类似,Android 提供了 GUI 设计工具) ,比 WM 上的.NET CF 略慢(.NETCF 是RAD)。 接下来给出 JAVA 代码: package com.studio.android;import android.app.Activi
3、ty;import android.app.AlertDialog;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.EditText;public class HelloAndroid extends Activity /* Called when the activity is first created. */Button btnShow;Button bt
4、nClear;EditText edtInput;Overridepublic void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState);setContentView(R.layout.main);btnShow=(Button)findViewById(R.id.btnShow);/控件与代码绑定btnClear=(Button)findViewById(R.id.btnClear);/控件与代码绑定edtInput=(EditText)findViewById(R.id.edtInput);/控件
5、与代码绑定btnShow.setOnClickListener(new ClickListener();/使用点击事件btnClear.setOnClickListener(new ClickListener();/使用点击事件class ClickListener implements OnClickListener public void onClick(View v) if(v=btnShow)new AlertDialog.Builder(HelloAndroid.this).setIcon(android.R.drawable.ic_dialog_alert).setTitle(“I
6、nformation“).setMessage(edtInput.getText().show();else if(v=btnClear)edtInput.setText(“HelloAndroid“);刚开始 Android 的开发,界面设计是 J2ME 程序员的瓶颈之处,不过以后 Android 的开发工具会越来越智能化,期待 Netbeans 推出更好的 ADT 出来(Netbeans 目前已经有Android 插件) 。LinearLayout、AbsoluteLayoutAndroid 的 UI 布局都以 Layout 作为容器,在上面按照规定排列控件,这方面跟JAVA 的 Swin
7、g 和 LWUIT 很像。控件跟 Layout 有很多属性是一样的,可以在Properties 里面修改,跟 .NET/Delphi 等 RAD 类似,其中最常用的属性有以下这些:id=“+id/edtInput“,ID 是连接 UI 与代码的桥梁gravity= “center“,Layout 中的控件居中 layout_width=“fill_parent“ ,自动填充至屏幕宽度,layout_height 同理 layout_width=“wrap_content“ ,自动填充为控件大小,layout_height 同理 LinearLayout 很简单:在 LinearLayout 里
8、面的控件,按照水平或者垂直排列:orientation=“horizontal“ :水平排列;orientation=“ vertical“ :垂直排列 当 LinearLayout 是 horizontal ,并且里面的控件使用了 layout_width=“fill_parent“ ,第二组控件会挡在屏幕的右边,那也就是看不到了。AbsoluteLayout ,是一个按照绝对坐标定义的布局,由于使用绝对坐标去定位控件,因此要实现自适应界面时,应尽少使用 AbsoluteLayout 。 AbsoluteLayout 里面的控件都以 layout_x 、layout_y 来定义其位置:上图中
9、的 TextView01 的 X 坐标为 10px,Y 坐标为 10px:RelativeLayout、FrameLayoutRelativeLayout 是一个按照相对位置排列的布局,跟 AbsoluteLayout 这个绝对坐标布局是个相反的理解。 在 RelativeLayout 布局里的控件包含丰富的排列属性: Layout above:选择 ID A,则该控件在 A 控件的上方, Layout below、Layout to left of。等同样用法。使用 RelativeLayout 布局的时候,最好在界面设计时 做好布局,尽少程序运行时 做控件布局的更改,因为 Relative
10、Layout 布局里面的属性之间,很容易冲突,例如, Layout below、 Layout above 同选 ID A,那就肯定发生冲突了。 FrameLayout,顾名思义跟帧有关,布局里所有的控件都被放到布局的左上角,并且一层覆盖一层。FrameLayout 布局里面的控件布局属性才那几项,其中关键的是 layout_gravity,负责控制控件的位置。 FrameLayout 布局常用在哪些情况目前我也不太了解,钻研中TableLayoutTableLayout 跟 TableLayout 是一组搭配使用的布局,TableLayout 置底,TableRow在 TableLayout
11、 的上面,而 Button、TextView 等控件就在 TableRow 之上,另外,TableLayout 之上也可以单独放控件。TableLayout 是一个使用复杂的布局,最简单的用法就仅仅是拖拉控件做出个界面,但实际上,会经常在代码里使用 TableLayout,例如做出表格的效果。 TableLayout 经常用的属性是: android:collapseColumns:以第 0 行为序,隐藏指定的列: android:collapseColumns 该属性为空时,如下图: 把 android:collapseColumns=0,2-意思是把第 0 和第 2 列去掉,如下图: an
12、droid:shrinkColumns:以第 0 行为序,自动延伸指定的列填充可用部分: 当 LayoutRow 里面的控件还没有布满布局时,shrinkColumns 不起作用,如下图: 设置了 shrinkColumns=0,1,2,布局完全没有改变,因为 LayoutRow 里面还剩足够的空间。 当 LayoutRow 布满控件时,如下图: 设置了 shrinkColumns=2,则结果如下图,控件自动向垂直方向填充空间: android:stretchColumns:以第 0 行为序,尽量把指定的列填充空白部分: 设置 stretchColumns=1,则结果如下图,第 1 列被尽量填
13、充(Button02 与 TextView02同时向右填充,直到 TextView03 被压挤到最后边) 。 Android 的 TableLayout + TableRow 虽然使用有点复杂,但是功能很强大。Android提供了很多布局属性,但是手机程序的界面没有 PC 那么花俏,所以常用的就那几项而已。main.xml 的代码如下,用到 TableLayout 的 ID 为 TableLayout01:JAVA 代码如下:package com.LayoutDemo;import com.LayoutDemo.R;import android.app.Activity;import and
14、roid.os.Bundle;import android.view.ViewGroup;import android.widget.TableLayout;import android.widget.TableRow;import android.widget.TextView;public class LayoutDemo extends Activity /* Called when the activity is first created. */private final int WC = ViewGroup.LayoutParams.WRAP_CONTENT;private fin
15、al int FP = ViewGroup.LayoutParams.FILL_PARENT;Overridepublic void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState);setContentView(R.layout.main);/新建 TableLayout01 的实例TableLayout tableLayout = (TableLayout)findViewById(R.id.TableLayout01);/全部列自动填充空白处tableLayout.setStretchAllCol
16、umns(true);/生成 10 行,8 列的表格for(int row=0;rowmy_listitem.xml 的代码如下,my_listitem.xml 用于设计 ListView 的 Item:解释一下,里面用到的一些属性: 1.paddingBottom=“3dip“ ,Layout 往底部留出 3 个像素的空白区域 2.paddingLeft=“10dip“,Layout 往左边留出 10 个像素的空白区域 3.textSize=“30dip“,TextView 的字体为 30 个像素那么大。 最后就是 JAVA 的源代码: public void onCreate(Bundle
17、 savedInstanceState) super.onCreate(savedInstanceState);setContentView(R.layout.main);/绑定 XML 中的 ListView,作为 Item 的容器ListView list = (ListView) findViewById(R.id.MyListView);/生成动态数组,并且转载数据ArrayList mylist = new ArrayList();for(int i=0;i map = new HashMap();map.put(“ItemTitle“, “This is Title.“);map.
18、put(“ItemText“, “This is text.“);mylist.add(map);/生成适配器,数组=ListItemSimpleAdapter mSchedule = new SimpleAdapter(this, /没什么解释mylist,/数据来源 R.layout.my_listitem,/ListItem 的 XML 实现/动态数组与 ListItem 对应的子项 new String “ItemTitle“, “ItemText“, /ListItem 的 XML 文件里面的两个 TextView IDnew int R.id.ItemTitle,R.id.Item
19、Text);/添加并且显示list.setAdapter(mSchedule);另一个例子:main.xml 的源代码,跟上一个一样,这里就不作解释了,直接贴出my_imageitem.xml 的代码,就是它实现 ImageItem 的 UI:解释一下 my_imageitem.xml 的代码:这里使用了 RelativeLayout 布局,控件的关键的属性是: ItemTitle 的属性 android:layout_toRightOf=“+id/ItemImage“ ,ItemTitle 在 ItemImage的右边; ItemText 的属性 android:layout_toRight
20、Of=“+id/ItemImage“,ItemText 在 ItemImage的右边, android:layout_below=“+id/ItemTitle“, ItemText 在 ItemTitle 的下面。 最后,贴出 JAVA 的源代码,这里的源代码跟上一篇的很类似,只是修改了一部分,引入 Item Image: Override public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); /绑定 XML 中的 Li
21、stView,作为 Item 的容器 ListView list = (ListView) findViewById(R.id.MyListView); /生成动态数组,并且转载数据 ArrayList lstImageItem = new ArrayList(); for(int i=0;i map = new HashMap(); map.put(“ItemImage“, R.drawable.icon);/添加图像资源的 ID map.put(“ItemTitle“, “This is Title.“); map.put(“ItemText“, “This is text.“); lst
22、ImageItem.add(map); /生成适配器的 ImageItem 动态数组的元素,两者一一对应 SimpleAdapter saImageItems = new SimpleAdapter(this, /没什么解释 lstImageItem,/数据来源 R.layout.my_imageitem,/ListItem 的 XML 实现 /动态数组与 ImageItem 对应的子项 new String “ItemImage“,“ItemTitle“, “ItemText“, /ImageItem 的 XML 文件里面的一个 ImageView,两个TextView ID new int
23、 R.id.ItemImage,R.id.ItemTitle,R.id.ItemText); /添加并且显示 list.setAdapter(saImageItems); Overridepublic void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState);setContentView(R.layout.main);/绑定 XML 中的 ListView,作为 Item 的容器ListView list = (ListView) findViewById(R.id.MyListView);/生成动态
24、数组,并且转载数据ArrayList lstImageItem = new ArrayList();for(int i=0;i map = new HashMap();map.put(“ItemImage“, R.drawable.icon);/添加图像资源的 IDmap.put(“ItemTitle“, “This is Title.“);map.put(“ItemText“, “This is text.“);lstImageItem.add(map);/生成适配器的 ImageItem 动态数组的元素,两者一一对应SimpleAdapter saImageItems = new Simp
25、leAdapter(this, /没什么解释lstImageItem,/数据来源 R.layout.my_imageitem,/ListItem 的 XML 实现/动态数组与 ImageItem 对应的子项 new String “ItemImage“,“ItemTitle“, “ItemText“, /ImageItem 的 XML 文件里面的一个 ImageView,两个TextView IDnew int R.id.ItemImage,R.id.ItemTitle,R.id.ItemText);/添加并且显示list.setAdapter(saImageItems); GridViewG
26、ridView 跟 ListView 都是比较常用的多控件布局,而 GridView 更是实现九宫图的首选!本文就是介绍如何使用 GridView 实现九宫 图。GridView 的用法很多,网上介绍最多的方法就是自己实现一个 ImageAdapter 继承 BaseAdapter,再供 GridView 使用, 类似这种的方法本文不再重复,本文介绍的 GridView 用法跟前文 ListView 的极其类似本文需要添加/修改 3 个文件:main.xml 、night_item.xml、JAVA 源代码。 main.xml 源代码如下,本身是个 GirdView,用于装载 Item: 介绍
27、一下里面的某些属性: android:numColumns=“auto_fit“ ,GridView 的列数设置为自动 android:columnWidth=“90dp“,每列的宽度,也就是 Item 的宽度android:stretchMode=“columnWidth“,缩放与列宽大小同步android:verticalSpacing=“10dp“,两行之间的边距,如:行一 (NO.0NO.2)与行二(NO.3NO.5)间距为 10dpandroid:horizontalSpacing=“10dp“,两列之间的边距。接下来介绍 night_item.xml,这个 XML 跟前面 List
28、View 的 ImageItem.xml 很类似: 最后就是 JAVA 的源代码了,也跟前面的 ListView 的 JAVA 源代码很类似,不过多了“ 选中”的事件处理: public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); GridView gridview = (GridView) findViewById(R.id.gridview); /生成动态数组,并且转入数据 ArrayList lstImageItem
29、= new ArrayList(); for(int i=0;i map = new HashMap(); map.put(“ItemImage“, R.drawable.icon);/添加图像资源的 ID map.put(“ItemText“, “NO.“+String.valueOf(i);/按序号做 ItemText lstImageItem.add(map); /生成适配器的 ImageItem 动态数组的元素,两者一一对应 SimpleAdapter saImageItems = new SimpleAdapter(this, /没什么解释 lstImageItem,/数据来源 R.
30、layout.night_item,/night_item 的 XML 实现 /动态数组与 ImageItem 对应的子项 new String “ItemImage“,“ItemText“, /ImageItem 的 XML 文件里面的一个 ImageView,两个TextView ID new int R.id.ItemImage,R.id.ItemText); /添加并且显示 gridview.setAdapter(saImageItems); /添加消息处理 gridview.setOnItemClickListener(new ItemClickListener(); /当 Adap
31、terView 被单击( 触摸屏或者键盘),则返回的 Item 单击事件 class ItemClickListener implements OnItemClickListener public void onItemClick(AdapterView arg0,/The AdapterView where the click happened View arg1,/The view within the AdapterView that was clicked int arg2,/The position of the view in the adapter long arg3/The row id of the item that was clicked ) /在本例中 arg2=arg3 HashMap item=(HashMap) arg0.getItemAtPosition(arg2); /显示所选 Item 的 ItemText setTitle(String)item.get(“ItemText“);