【Android入门篇】Android学习笔记

【Android入门篇】一个朋友的学习笔记 【Android入门篇】一个朋友的学习笔记 本文来自http://blog.csdn.net/hellogv/ 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的代码：                     main.xml用于 Activity的UI 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 ，目前设计起来的速度，比 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.OnClickListener;     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.setOnClickListener(new ClickListener());//使用点击事件    23.         btnClear.setOnClickListener(new ClickListener());//使用点击事件    24.     }    25.         26.         27.     class  ClickListener implements OnClickListener    28.     {    29.         public void onClick(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插件)。 推荐博客 ​  【kevin】雷人的英语翻译 ​ 【程序匠人】匠人趣说PID ​ 【kata】ZSTACK组播的原理 ​ 【范小川】块设备驱动程序 期待与大家一起，为中国电子业贡献小小的力量。 EEWORLD主站：http://www.eeworld.com.cn/ EEWORLD论坛：http://bbs.eeworld.com.cn/index.php QQ:1206973913 如有问题，欢迎随时联系我。 UID 63  帖子 20810  精华 6  威望 157913   芯币 7975 枚  阅读权限 200  在线时间 2710 小时  注册时间 2006-5-19  最后登录 2011-1-3  查看详细资料 TOP↑ soso soso  管理员   芯币 7975 枚  ​ 个人空间 ​ 发短消息 ​ 加为好友 ​ 当前离线  soso的全部文章 沙发 大 中 小 发表于 2010-10-21 13:41  只看该作者 Android入门第二篇之LinearLayout、AbsoluteLayout Android 的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：   1.​     2.​     3.​     4.​    期待与大家一起，为中国电子业贡献小小的力量。 EEWORLD主站：http://www.eeworld.com.cn/ EEWORLD论坛：http://bbs.eeworld.com.cn/index.php QQ:1206973913 如有问题，欢迎随时联系我。 UID 63  帖子 20810  精华 6  威望 157913   芯币 7975 枚  阅读权限 200  在线时间 2710 小时  注册时间 2006-5-19  最后登录 2011-1-3  查看详细资料 TOP↑ soso soso  管理员   芯币 7975 枚  ​ 个人空间 ​ 发短消息 ​ 加为好友 ​ 当前离线  soso的全部文章 板凳 大 中 小 发表于 2010-10-21 13:45  只看该作者 Android入门第三篇之RelativeLayout、FrameLayout 接下来本文要讲的是RelativeLayout、FrameLayout。       RelativeLayout是一个按照相对位置排列的布局，跟AbsoluteLayout这个绝对坐标布局是个相反的理解。             在RelativeLayout布局里的控件包含丰富的排列属性：        Layout above:选择ID A，则该控件在A控件的上方， Layout below、Layout to left of。。。。等同样用法。使用 RelativeLayout布局的时候，最好在界面设计时 做好布局，尽少程序运行时 做控件布局的更改，因为 RelativeLayout布局里面的属性之间，很容易冲突，例如， Layout below、 Layout above同选 ID A，那就肯定发生冲突了。        FrameLayout，顾名思义跟帧有关，布局里所有的控件都被放到布局的左上角，并且一层覆盖一层。        FrameLayout布局里面的控件布局属性才那几项，其中关键的是layout_gravity，负责控制控件的位置。      FrameLayout布局常用在哪些情况。。。。这个我还暂时不清楚。。。。 期待与大家一起，为中国电子业贡献小小的力量。 EEWORLD主站：http://www.eeworld.com.cn/ EEWORLD论坛：http://bbs.eeworld.com.cn/index.php QQ:1206973913 如有问题，欢迎随时联系我。 UID 63  帖子 20810  精华 6  威望 157913   芯币 7975 枚  阅读权限 200  在线时间 2710 小时  注册时间 2006-5-19  最后登录 2011-1-3  查看详细资料 TOP↑ soso soso  管理员   芯币 7975 枚  ​ 个人空间 ​ 发短消息 ​ 加为好友 ​ 当前离线  soso的全部文章 4楼 大 中 小 发表于 2010-10-21 13:46  只看该作者 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那么花俏，所以常用的就那几项而已。。。 期待与大家一起，为中国电子业贡献小小的力量。 EEWORLD主站：http://www.eeworld.com.cn/ EEWORLD论坛：http://bbs.eeworld.com.cn/index.php QQ:1206973913 如有问题，欢迎随时联系我。 UID 63  帖子 20810  精华 6  威望 157913   芯币 7975 枚  阅读权限 200  在线时间 2710 小时  注册时间 2006-5-19  最后登录 2011-1-3  查看详细资料 TOP↑ soso soso  管理员   芯币 7975 枚  ​ 个人空间 ​ 发短消息 ​ 加为好友 ​ 当前离线  soso的全部文章 5楼 大 中 小 发表于 2010-10-21 13:48  只看该作者 Android入门第五篇之TableLayout (二) 上一篇文章，主要将如何UI设计器设计TableLayout + TableRow，由于实际应用中，经常需要在代码里往TableLayout添加数据(9宫图也可以用TableLayout做出来 )，本文就是介绍这方面的简单使用方法。 main.xml的代码如下，用到TableLayout的ID为TableLayout01：   1.​    2.​    7.​         11.​         12.​    JAVA代码如下： 1.​ package com.LayoutDemo;   2.​ import com.LayoutDemo.R;   3.​ import android.app.Activity;   4.​ import android.os.Bundle;   5.​ import android.view.ViewGroup;   6.​ import android.widget.TableLayout;   7.​ import android.widget.TableRow;   8.​ import android.widget.TextView;   9.​ public class LayoutDemo extends Activity {   10.​     /** Called when the activity is first created. */   11.​     private final int WC = ViewGroup.LayoutParams.WRAP_CONTENT;   12.​     private final int FP = ViewGroup.LayoutParams.FILL_PARENT;   13.​        14.​     @Override   15.​     public void onCreate(Bundle savedInstanceState) {   16.​         super.onCreate(savedInstanceState);   17.​         setContentView(R.layout.main);   18.​         //新建TableLayout01的实例   19.​         TableLayout tableLayout = (TableLayout)findViewById(R.id.TableLayout01);   20.​         //全部列自动填充空白处   21.​         tableLayout.setStretchAllColumns(true);   22.​         //生成10行，8列的表格   23.​         for(int row=0;row<10;row++)   24.​         {   25.​             TableRow tableRow=new TableRow(this);   26.​             for(int col=0;col<8;col++)   27.​             {   28.​                 //tv用于显示   29.​                 TextView tv=new TextView(this);   30.​                 tv.setText("("+col+","+row+")");   31.​                 tableRow.addView(tv);   32.​             }   33.​             //新建的TableRow添加到TableLayout   34.​             tableLayout.addView(tableRow, new TableLayout.LayoutParams(FP, WC));   35.​         }   36.​     }   37.​ }   结果如下图： 期待与大家一起，为中国电子业贡献小小的力量。 EEWORLD主站：http://www.eeworld.com.cn/ EEWORLD论坛：http://bbs.eeworld.com.cn/index.php QQ:1206973913 如有问题，欢迎随时联系我。 UID 63  帖子 20810  精华 6  威望 157913   芯币 7975 枚  阅读权限 200  在线时间 2710 小时  注册时间 2006-5-19  最后登录 2011-1-3  查看详细资料 TOP↑ soso soso  管理员   芯币 7975 枚  ​ 个人空间 ​ 发短消息 ​ 加为好友 ​ 当前离线  soso的全部文章 6楼 大 中 小 发表于 2010-10-21 13:49  只看该作者 Android入门第六篇之ListView (一) ListView是一个经常用到的控件，ListView里面的每个子项Item可以使一个字符串，也可以是一个组合控件。先说说ListView的实现： 1.准备ListView要显示的数据 ； 2.使用 一维或多维 动态数组 保存数据； 2.构建适配器 ， 简单地来说， 适配器就是 Item数组 ， 动态数组 有多少元素就生成多少个Item； 3.把 适配器 添加到ListView,并显示出来。 接下来，看看本文代码所实现的ListView:   接下来，就开始UI的XML代码： main.xml代码如下，很简单，也不需要多做解释了：   1.​    2.​    7.​            8.​            11.​            12.​    my_listitem.xml的代码如下，my_listitem.xml用于设计ListView的Item： 1.​    2.​    10.​            15.​            16.​            20.​            21.​    解释一下，里面用到的一些属性： 1.paddingBottom="3dip"，Layout往底部留出3个像素的空白区域 2.paddingLeft="10dip"，Layout往左边留出10个像素的空白区域 3.textSize="30dip"，TextView的字体为30个像素那么大。   最后就是JAVA的源代码： 1.​ public void onCreate(Bundle savedInstanceState) {   2.​     super.onCreate(savedInstanceState);   3.​     setContentView(R.layout.main);   4.​     //绑定XML中的ListView，作为Item的容器   5.​     ListView list = (ListView) findViewById(R.id.MyListView);   6.​        7.​     //生成动态数组，并且转载数据   8.​     ArrayList> mylist = new ArrayList>();   9.​     for(int i=0;i<30;i++)   10.​     {   11.​         HashMap map = new HashMap();   12.​         map.put("ItemTitle", "This is Title.....");   13.​         map.put("ItemText", "This is text.....");   14.​         mylist.add(map);   15.​     }   16.​     //生成适配器，数组===》ListItem   17.​     SimpleAdapter mSchedule = new SimpleAdapter(this, //没什么解释   18.​                                                 mylist,//数据来源    19.​                                                 R.layout.my_listitem,//ListItem的XML实现   20.​                                                    21.​                                                 //动态数组与ListItem对应的子项           22.​                                                 new String[] {"ItemTitle", "ItemText"},    23.​                                                    24.​                                                 //ListItem的XML文件里面的两个TextView ID   25.​                                                 new int[] {R.id.ItemTitle,R.id.ItemText});   26.​     //添加并且显示   27.​     list.setAdapter(mSchedule);   28.​ }   期待与大家一起，为中国电子业贡献小小的力量。 EEWORLD主站：http://www.eeworld.com.cn/ EEWORLD论坛：http://bbs.eeworld.com.cn/index.php QQ:1206973913 如有问题，欢迎随时联系我。 UID 63  帖子 20810  精华 6  威望 157913   芯币 7975 枚  阅读权限 200  在线时间 2710 小时  注册时间 2006-5-19  最后登录 2011-1-3  查看详细资料 TOP↑ soso soso  管理员   芯币 7975 枚  ​ 个人空间 ​ 发短消息 ​ 加为好友 ​ 当前离线  soso的全部文章 7楼 大 中 小 发表于 2010-10-21 13:51  只看该作者 Android入门第七篇之ListView (二) Android入门第六篇之ListView (一) ，讲的是如何制作一个具有两行文本的 自定义控件 ，作为ListView的Item的使用方法。这篇接下来也是围绕ListView和Item，更加深入地介绍它们的用法。        首先，先来看看本文代码运行的结果，本文的Item比上一篇中的Item多出左边的图标：       main.xml的源代码，跟上一篇的一样，这里就不作解释了，直接贴出my_imageitem.xml的代码，就是它实现ImageItem的UI：   1.​    2.​    9.​              13.​             14.​             21.​             22.​             29.​             30.​    解释一下 my_imageitem.xml的代码：这里使用了RelativeLayout布局，控件的关键的属性是： ItemTitle的属性 android:layout_toRightOf="@+id/ItemImage" ，ItemTitle在ItemImage的右边； ItemText的属性 android:layout_toRightOf="@+id/ItemImage"，ItemText在ItemImage的右边， android:layout_below="@+id/ItemTitle"， ItemText 在 ItemTitle的下面。          最后，贴出JAVA的源代码，这里的源代码跟上一篇的很类似，只是修改了一部分，引入Item Image：   1.​ @Override   2.​    public void onCreate(Bundle savedInstanceState) {   3.​        super.onCreate(savedInstanceState);   4.​        setContentView(R.layout.main);   5.​        //绑定XML中的ListView，作为Item的容器   6.​        ListView list = (ListView) findViewById(R.id.MyListView);   7.​           8.​        //生成动态数组，并且转载数据   9.​        ArrayList> lstImageItem = new ArrayList>();   10.​        for(int i=0;i<10;i++)   11.​        {   12.​         HashMap map = new HashMap();   13.​         map.put("ItemImage", R.drawable.icon);//添加图像资源的ID   14.​         map.put("ItemTitle", "This is Title.....");   15.​         map.put("ItemText", "This is text.....");   16.​         lstImageItem.add(map);   17.​        }   18.​        //生成适配器的ImageItem <====> 动态数组的元素，两者一一对应   19.​        SimpleAdapter saImageItems = new SimpleAdapter(this, //没什么解释   20.​                                                 lstImageItem,//数据来源    21.​                                                 R.layout.my_imageitem,//ListItem的XML实现   22.​                                                    23.​                                                 //动态数组与ImageItem对应的子项           24.​                                                 new String[] {"ItemImage","ItemTitle", "ItemText"},    25.​                                                    26.​                                                 //ImageItem的XML文件里面的一个ImageView,两个TextView ID   27.​                                                 new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});   28.​        //添加并且显示   29.​        list.setAdapter(saImageItems);   30.​    }   期待与大家一起，为中国电子业贡献小小的力量。 EEWORLD主站：http://www.eeworld.com.cn/ EEWORLD论坛：http://bbs.eeworld.com.cn/index.php QQ:1206973913 如有问题，欢迎随时联系我。 UID 63  帖子 20810  精华 6  威望 157913   芯币 7975 枚  阅读权限 200  在线时间 2710 小时  注册时间 2006-5-19  最后登录 2011-1-3  查看详细资料 TOP↑ soso soso  管理员   芯币 7975 枚  ​ 个人空间 ​ 发短消息 ​ 加为好友 ​ 当前离线  soso的全部文章 8楼 大 中 小 发表于 2010-10-21 13:52  只看该作者 Android入门第八篇之GridView(九宫图) GridView 跟ListView都是比较常用的多控件布局，而GridView更是实现九宫图的首选!本文就是介绍如何使用GridView实现九宫图。 GridView的用法很多，网上介绍最多的方法就是自己实现一个ImageAdapter继承BaseAdapter，再供GridView使用，类似这种的方法本文不再重复，本文介绍的GridView用法跟前文ListView的极其类似。。。。也算是我偷懒一下，嘻嘻嘻嘻。。。。        先来贴出本文代码运行的结果：   本文需要添加/修改3个文件：main.xml、night_item.xml、JAVA源代码。 main.xml源代码如下，本身是个GirdView，用于装载Item：   1.​    2.​    介绍一下里面的某些属性： android:numColumns="auto_fit" ，GridView的列数设置为自动 android:columnWidth="90dp"，每列的宽度，也就是Item的宽度 android:stretchMode="columnWidth"，缩放与列宽大小同步 android:verticalSpacing="10dp"，两行之间的边距，如：行一(NO.0~NO.2)与行二(NO.3~NO.5)间距为10dp android:horizontalSpacing="10dp"，两列之间的边距。   接下来介绍 night_item.xml，这个XML跟前面ListView的ImageItem.xml很类似： 1.​    2.​    6.​              11.​             12.​