首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

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

结果如下图:





细节决定成败!
返回列表