Android入门第一篇
最近Android挺火的,可惜刚毕业,温饱才刚刚解决,还没能力买台Android手机,所以目前的开发只能用模拟器来做。。。就目前 Android SDK 1.5 + Eclipse + ADT的开发方式来说,跟J2ME最大的区别在于UI的不同,当然Android比J2ME多出很多东西,多出的是J2ME无法作对比的。。。。刚开始做 Android开发,很多人都是先写个简单的界面,再加点控制代码,本文就是这样。
本文所讲到的是LinearLayout + Button + EditText + AlertDialog的简单使用。
1.jpg (12.32 KB)
2010-10-21 13:40
Activity以 LinearLayout排列,共用到两个 LinearLayout,第一个是用于全窗体,第二个用于存放两个Button,第二个 LinearLayout放在EditText控件下面,以下给出main.xml的代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
androidrientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<EditText android:text="EditText01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/edtInput"></EditText>
<LinearLayout android:id="@+id/LinearLayout01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="center">
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Show" android:id="@+id/btnShow"></Button>
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Clear" android:id="@+id/btnClear"></Button>
</LinearLayout>
</LinearLayout>
main.xml用于 Activity的UI设计,目前设计起来的速度,比 J2ME上的LWUIT略快(两者类似,Android提供了GUI设计工具),比WM上的.NET CF略慢(.NETCF 是RAD)。
接下来给出JAVA代码:
1. package com.studio.android;
2. import android.app.Activity;
3. import android.app.AlertDialog;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.view.View.Listener;
7. import android.widget.Button;
8. import android.widget.EditText;
9. public class HelloAndroid extends Activity {
10. /** Called when the activity is first created. */
11. Button btnShow;
12. Button btnClear;
13. EditText edtInput;
14. @Override
15. public void onCreate(Bundle savedInstanceState) {
16. super.onCreate(savedInstanceState);
17. setContentView(R.layout.main);
18.
19. btnShow=(Button)findViewById(R.id.btnShow);//控件与代码绑定
20. btnClear=(Button)findViewById(R.id.btnClear);//控件与代码绑定
21. edtInput=(EditText)findViewById(R.id.edtInput);//控件与代码绑定
22. btnShow.setListener(new ClickListener());//使用点击事件
23. btnClear.setListener(new ClickListener());//使用点击事件
24. }
25.
26.
27. class ClickListener implements Listener
28. {
29. public void (View v)
30. {
31. if(v==btnShow)
32. {
33. new AlertDialog.Builder(HelloAndroid.this)
34. .setIcon(android.R.drawable.ic_dialog_alert)
35. .setTitle("Information")
36. .setMessage(edtInput.getText())
37. .show();
38. }
39. else if(v==btnClear)
40. {
41. edtInput.setText("HelloAndroid");
42. }
43. }
44. }
45. }
刚开始Android的开发,界面设计是J2ME程序员的瓶颈之处,不过以后Android的开发工具会越来越智能化,期待 Netbeans 推出更好的 ADT出来(Netbeans目前已经有Android插件)。
Android入门第二篇之LinearLayout、AbsoluteLayoutAndroid 的UI 布局都以Layout 作为容器,在上面按照规定排列控件,这方面跟JAVA 的Swing 和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 ,在入门第一篇所用的Layout 就是LinearLayout ,它的理解很简单:在LinearLayout 里面的控件,按照水平或者垂直排列:
orientation="horizontal" :水平排列;orientation=" vertical" :垂直排列
当LinearLayout 是horizontal ,并且里面的控件使用了layout_width="fill_parent" ,第二组控件会挡在屏幕的右边,那也就是看不到了。。。
AbsoluteLayout ,是一个按照绝对坐标定义的布局,由于使用绝对坐标去定位控件,因此要实现自适应界面时,应尽少使用 AbsoluteLayout 。 AbsoluteLayout 里面的控件都以layout_x 、layout_y 来定义其位置:
上图中的TextView01的X坐标为10px,Y坐标为10px:
<AbsoluteLayout
android:id="@+id/AbsoluteLayout01"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
>
- <TextView
android:text="TextView01"
android:id="@+id/TextView01"
android:layout_height="wrap_content"
android:layout_y="10px"
android:layout_width="wrap_content"
android:layout_x="110px">
</TextView>
- </AbsoluteLayout>
Android入门第三篇之RelativeLayout、Layout接下来本文要讲的是RelativeLayout、Layout。
RelativeLayout是一个按照相对位置排列的布局,跟AbsoluteLayout这个绝对坐标布局是个相反的理解。
在RelativeLayout布局里的控件包含丰富的排列属性:
Layout above:选择ID A,则该控件在A控件的上方, Layout below、Layout to left of。。。。等同样用法。使用 RelativeLayout布局的时候,最好在界面设计时 做好布局,尽少程序运行时 做控件布局的更改,因为
RelativeLayout布局里面的属性之间,很容易冲突,例如,
Layout below、 Layout above同选 ID A,那就肯定发生冲突了。
Layout,顾名思义跟帧有关,布局里所有的控件都被放到布局的左上角,并且一层覆盖一层。
Layout布局里面的控件布局属性才那几项,其中关键的是layout_gravity,负责控制控件的位置。
Layout布局常用在哪些情况。。。。这个我还暂时不清楚。。。。
Android入门第四篇之TableLayout (一)TableLayout 跟TableLayout 是一组搭配使用的布局,TableLayout置底,TableRow在TableLayout的上面,而Button、TextView等控件就在 TableRow之上,另外,TableLayout之上也可以单独放控件。TableLayout是一个使用复杂的布局,最简单的用法就仅仅是拖拉控件做出个界面,但实际上,会经常在代码里使用TableLayout,例如做出表格的效果。本文主要介绍TableLayout的基本使用方法。
TableLayout经常用的属性是:
android:collapseColumns:以第0行为序,隐藏指定的列:
android:collapseColumns该属性为空时,如下图:
把android:collapseColumns=0,2--------------》意思是把第0和第2列去掉,如下图:
android:shrinkColumns:以第0行为序,自动延伸指定的列填充可用部分:
当LayoutRow里面的控件还没有布满布局时,shrinkColumns不起作用,如下图:
设置了shrinkColumns=0,1,2,布局完全没有改变,因为LayoutRow里面还剩足够的空间。
当LayoutRow布满控件时,如下图:
设置设置了shrinkColumns=2,则结果如下图,控件自动向垂直方向填充空间:
android:stretchColumns:以第0行为序,尽量把指定的列填充空白部分:
设置stretchColumns=1,则结果如下图,第1列被尽量填充(Button02与TextView02同时向右填充,直到TextView03被压挤到最后边)。
Android的TableLayout + TableRow虽然使用有点复杂,但是功能很强大。。。。。。Android提供了很多布局属性,但是手机程序的界面没有PC那么花俏,所以常用的就那几项而已。。。
Android入门第五篇之TableLayout (二)上一篇文章,主要将如何UI设计器设计TableLayout + TableRow,由于实际应用中,经常需要在代码里往TableLayout添加数据(9宫图也可以用TableLayout做出来 ),本文就是介绍这方面的简单使用方法。
main.xml的代码如下,用到TableLayout的ID为TableLayout01:
<?xml
version="1.0"
encoding="utf-8"?>
- <LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
androidrientation="vertical"
- android:layout_width="fill_parent"
android:layout_height="fill_parent"
- >
<TableLayout
- android:id="@+id/TableLayout01"
android:layout_width="fill_parent"
- android:layout_height="wrap_content">
</TableLayout>
- </LinearLayout>
JAVA代码如下:
package com.LayoutDemo;
- import com.LayoutDemo.R; import android.app.Activity;
- import android.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
final
int FP = ViewGroup.LayoutParams.FILL_PARENT;
- @Override
public
void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState); setContentView(R.layout.main);
- //新建TableLayout01的实例
TableLayout tableLayout = (TableLayout)findViewById(R.id.TableLayout01);
- //全部列自动填充空白处
tableLayout.setStretchAllColumns(true);
- //生成10行,8列的表格
for(int row=0;row<10;row++)
- { TableRow tableRow=new TableRow(this);
- for(int col=0;col<8;col++) {
- //tv用于显示
TextView tv=new TextView(this);
- tv.setText("("+col+","+row+")"); tableRow.addView(tv);
- } //新建的TableRow添加到TableLayout
- tableLayout.addView(tableRow, new TableLayout.LayoutParams(FP, WC)); }
- }
- }
结果如下图:
|