Android入门第一篇

金牌会员

Rank: 6 Rank: 6

UID: 799481

1^#

打印

字体大小: tT

电子工匠发表于 2011-1-24 09:07 | 只看该作者

Android入门第一篇

手机, 模拟器, Android

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"
android

rientation="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：

<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：

<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代码如下：

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)); }
}
}

结果如下图：

收藏分享评分

细节决定成败！

回复引用

订阅 TOP

返回列表