Android新手入门2016(10)--GridView

本文来自肥宝传说之路。引用必须注明出处!

GridView跟ListView一样是多控件布局。实现九宫图是最方便的。

还是先看看图,没图说个鸡鸡是不是

如上图。是一种应用方式。在每一个格子里面。放入应用图标,和显示应用的名字在下方。

以下先看看布局文件:

activity_hello_world.xml

<?

xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gridview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:columnWidth="90dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
/>  

如今说说一些新的属性:

这里dp相关知识能够看看Android长度相关

android:numColumns="auto_fit"   设置为自己主动适应屏幕宽度,上图仅仅能摆放3个

android:verticalSpacing="10dp"   两行之间的间距是10像素

android:horizontalSpacing="10dp"   两列之间的间距为10像素

android:columnWidth="90dp"   每一列的宽度

android:stretchMode="columnWidth"  缩放与列宽的大小同步

android:gravity="center"  空间显示的位置是中间

我们再来看看代码:

HelloWorldActivity.java

package com.fable.helloworld;

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import java.util.*;

public class HelloWorldActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
    	super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hello_world);  //设置主布局文件
        GridView gridview = (GridView) findViewById(R.id.gridview);  

        //创造数据来源
        ArrayList<HashMap<String, Object>> images = new ArrayList<HashMap<String, Object>>();
        for(int i=1;i<10;i++)
        {
        	HashMap<String, Object> map = new HashMap<String, Object>();
        	map.put("ItemImage", R.drawable.ic_launcher);//加入图像资源的ID,标识符,值
        	map.put("ItemText", "应用"+String.valueOf(i));//按序号做ItemText。标识符,值
        	images.add(map);
        }
        //把数据传入适配器,转换成布局须要的数据
        SimpleAdapter simpleAdapter = new SimpleAdapter(this, //上下文为当前Activity
        	images,//数据来源
	        R.layout.my_list_item,//每一项的布局的XML实现
	        new String[] {"ItemImage","ItemText"},//动态数组与ImageItem相应的子项
	        new int[] {R.id.ItemImage,R.id.ItemText});  //ImageItem的XML文件中面的一个ImageView,两个TextView ID
        //加入而且显示
        gridview.setAdapter(simpleAdapter);
    }   

}

能够这里使用了SimpleAdapter,使用方法跟ListView一样。对于ListView中SimpleAdapter的使用方法,能够看这里

事实上过程是非常easy,就是把源数据,转换成适配器的数据,然后把适配器设置到gridView即可了。

跟ListView一样,每一项的布局内也是要一个布局文件的。

my_list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         android:layout_height="wrap_content"
         android:paddingBottom="4dip" android:layout_width="fill_parent">
         <ImageView
               android:layout_height="wrap_content"
               android:id="@+id/ItemImage"
               android:layout_width="wrap_content"
               android:layout_centerHorizontal="true">
         </ImageView>
         <TextView
               android:layout_width="wrap_content"
               android:layout_below="@+id/ItemImage"
               android:layout_height="wrap_content"
               android:text="TextView01"
               android:layout_centerHorizontal="true"
               android:id="@+id/ItemText">
         </TextView>
</RelativeLayout>  

这里ItemText设置在ItemImage以下,两个都是垂直居中。

时间: 2024-10-11 02:16:59

Android新手入门2016(10)--GridView的相关文章

Android新手入门2016(16)--画图

本文来自肥宝传说之路,引用必须注明出处! 画图设计到图片的格式,有空可以看看图片资源各种格式.了解一下图片格式,对学习有用的.而且我面试别人的时候也很喜欢问这个问题,哈哈. 先看个图. 直接看代码吧,注释很详细了. activity_hello_world.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.andro

Android新手入门2016(13)--阻塞对话框PopupWindow

上两章都说了非阻塞的对话框,今天说一下阻塞的对话框--PopupWindow 那么什么是阻塞什么是非阻塞呢?PopupWindow和AlertDialog有什么不同呢? 先说AlertDialog,弹出来之后,背面会变灰,并没有阻塞后台的进程,如果没特殊控制,点击后面灰暗处,弹框会消失掉的. 至于PopupWindow,则是弹出来,后面没有任何变化,并且阻塞该应用的进程,如果一直没退出,应用汇一直等待,点击后面也是没有反应的. 不知道为什么现在上传不了图,就不上传了,其实跟AlertDialog

Android新手入门2016(11)--非阻塞对话框AlertDialog

写了这么久,看了这么多控件,好像都是静态的,一点交互都没有.这次要弄点弹框,活跃活跃. 这次继续用上一章的代码往下面写吧. 先看看图 还是前一章的九宫图,我把对话框绑定在第一个图标. 点击一下,可以看到如下: 再来看看代码吧 package com.fable.helloworld; import android.app.Activity; import android.app.AlertDialog; import android.content.Context; import android

Android新手入门2016(7)--布局

布局,这个在服务端变成是没有的,也是服务端的人学习client的一道坎吧. 曾经用cocos2d-x写小游戏的时候就是这个非常难懂,或者能用,可是理解不多的话,非常难写出好的布局,难以适合商业化的应用. 游戏的布局有点像用photoshop画画的感觉.现有一个场景的概念,就像一个画布,然后上面分一层一层.能够单独某一层进行操作.显示的时候,能够觉得画面是从下往上一层一层堆上去.层里面有非常多精灵,精灵就是我们看到的那些会动的人物,建筑,怪什么的.这大概是cocos2d的设计思想吧. 我一直认为,

Android新手入门2016(14)--FragmentTabHost实现选项卡和菜单

本文来自肥宝传说之路,引用必须注明出处! 这章憋了好久.本来想写选项卡的,学到TabHost,TabWidget的,把代码拿过来准备研究的时候,发现竟然在4.0.3版本号被废弃了. 百度一下,发如今后面的版本号,用FragmentTabHost和LayoutInflater来取代了.网上也有一些关于Frame的内容,可是都不是新手教程的. 写得不够通俗.想直接拿代码下来研究,发现竟然非常多人都是上传代码片段,然后再给个收费链接.作为一个穷屌丝,仅仅能自己一点一点去研究了. Frament是什么?

Android新手入门2016(15)--Gallery画廊

本文来自肥宝传说之路,引用必须注明出处! Gallery是Android查看图片的一个工具,用户使用非常方便. 可以通过左右滑动来查看不同的图片 代码比较简单,但是还是搞了一整天,因为碰到了一些问题. 主要是图片的来源问题,这里是通过Java的映射机制和R文件来获得drawable目录下的图片. 不过要注意,drawable类里面是有很多系统本身的属性,有些是不能显示出来的,所以要过滤,否则会报错. 另外放在drawable里面的图片,必须是png格式的.解决这两个问题就好办很多了. activ

Android新手入门2016(8)--ListView之ArrayAdapter

本文来自肥宝传说之路,引用必须注明出处! ListView是Android中经常使用的控件. 什么是列表视图,让我们先看看图: 最常见的样例就是各种菜单的下啦列表. 要实现列表,须要完毕三个要素: 1.ListView 把全部的数据按指定的格式排成列表. 列表中每一项能够称为Item(如上图This is Title). 能够想象得出,要显示列表.就要先弄成相应的格式 2.adapter 适配器就是这样的ListView可以识别的格式,当然适配器有几种.以下再细说.适配器是指定格式的数据.可是我

Android基础入门教程——10.12 传感器专题(3)——加速度-陀螺仪传感器

Android基础入门教程--10.12 传感器专题(3)--加速度/陀螺仪传感器 标签(空格分隔): Android基础入门教程 本节引言: 本节继续来扣Android中的传感器,本节带来的是加速度传感器(Accelerometer sensor)以及 陀螺仪传感器(Gyroscope sensor),和上一节的方向传感器一样有着x,y,z 三个轴, 还是要说一点:x,y轴的坐标要和绘图那里的x,y轴区分开来!传感器的是以左下角 为原点的!x向右,y向上!好的,带着我们的套路来学本节的传感器吧

Android基础入门教程——10.10 传感器专题(1)——相关介绍

Android基础入门教程--10.10 传感器专题(1)--相关介绍 标签(空格分隔): Android基础入门教程 1.传感器相关介绍: 说到传感器,相信大家都不会陌生吧,比如微信的摇一摇就用到了加速度传感器: 传感器的定义:一种物理设备或者生物器官,能够探测.感受外界的信号,物理条件(如光,热, 适度)或化学组成(如烟雾),并将探知的信息传递给其他的设备或者器官! 传感器的种类:可以从不同的角度对传感器进行划分,转换原理(传感器工作的基本物理或化学 效应):用途:输出信号以及制作材料和工艺