Android编程之九宫格实现方法实例分析

本文实例讲述了Android编程之九宫格实现方法。分享给大家供大家参考,具体如下:

显示九宫格需要用GridView , 要显示每个格子中的视图有两种方式,第一种方式是做成xml文件,再将xml文件做成视图。第二种方式就是在代码中构建出这样一种布局,这里采用第一种方式来实现:

GridView:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
 <!-- id gv_all
  宽高都是填充父窗体
  numcolums 为3
  水平控件的距离 10px
  垂直距离是10px
  gridview 离底部58px
  离顶部28px
  离左边5px
  离右边5px
 -->
<GridView
  android:id="@+id/gv_all"
  android:layout_height="fill_parent"
  android:layout_width="fill_parent"
  android:numColumns="3"
  android:horizontalSpacing="10px"
  android:verticalSpacing="10px"
  android:layout_marginBottom="58px"
  android:layout_marginTop="28px"
  android:layout_marginLeft="5px"
  android:layout_marginRight="5px"
></GridView>
</RelativeLayout>

视图:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="90px"
 android:layout_height="90px">
  <ImageView
   android:layout_width="64px"
   android:layout_height="64px"
   android:layout_gravity="center_horizontal"
   android:id="@+id/main_gv_iv"
  />
  <TextView
  android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   android:textSize="16px"
   android:textColor="#FFF"
   android:id="@+id/main_gv_tv"
  />
</LinearLayout>

初始化:

public class MainActivity extends Activity {
  public static final String TAG = "MainActivity";
  GridView maingv;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //全屏
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
    setContentView(R.layout.mainactivity);
    //获取到GridView
    maingv = (GridView) this.findViewById(R.id.gv_all);
    //给gridview设置数据适配器
    maingv.setAdapter(new MainGridViewAdapter(this));
    //点击事件
    maingv.setOnItemClickListener(new MainItemClickListener());
  }
  private class MainItemClickListener implements OnItemClickListener{
    /**
     * @param parent 代表当前的gridview
     * @param view 代表点击的item
     * @param position 当前点击的item在适配中的位置
     * @param id 当前点击的item在哪一行
     */
    public void onItemClick(AdapterView<?> parent, View view, int position,
        long id) {
      switch (position) {
      case 0:
        Intent intent = new Intent(MainActivity.this,LostProtectedActivity.class);
        startActivity(intent);
        break;
      }
    }
  }
}

设置数据适配器 :

// 完成gridview 数据到界面的适配
public class MainGridViewAdapter extends BaseAdapter {
  private static final String TAG = "MainGridViewAdapter";
  private String[] names = {"手机防盗","通讯卫士","软件管理","任务管理","上网管理","手机杀毒","系统优化","高级工具","设置中心"};
  private int[] icons = {R.drawable.safe,R.drawable.callmsgsafe,R.drawable.app,R.drawable.taskmanager,R.drawable.netmanager,R.drawable.trojan,R.drawable.sysoptimize,R.drawable.atools,R.drawable.settings};
  private Context context;
  LayoutInflater infalter;
  public MainGridViewAdapter(Context context) {
    this.context = context;
    //方法1 通过系统的service 获取到 试图填充器
    //infalter = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    //方法2 通过layoutinflater的静态方法获取到 视图填充器
    infalter = LayoutInflater.from(context);
  }
  // 返回gridview里面有多少个条目
  public int getCount() {
    return names.length;
  }
  //返回某个position对应的条目
  public Object getItem(int position) {
    return position;
  }
  //返回某个position对应的id
  public long getItemId(int position) {
    return position;
  }
  //返回某个位置对应的视图
  public View getView(int position, View convertView, ViewGroup parent) {
    Log.i(TAG,"GETVIEW "+ position);
    //把一个布局文件转换成视图
    View view = infalter.inflate(R.layout.mainactivity_item, null);
    ImageView iv = (ImageView) view.findViewById(R.id.main_gv_iv);
    TextView tv = (TextView) view.findViewById(R.id.main_gv_tv);
    //设置每一个item的名字和图标
    iv.setImageResource(icons[position]);
    tv.setText(names[position]);
    return view;
  }
}

希望本文所述对大家Android程序设计有所帮助。

(0)

相关推荐

  • Android实现九宫格解锁的方法

    相信大家都有使用九宫格解锁,比如在设置手机安全项目中,可以使用九宫格解锁,提高安全性,以及在使用支付功能的时候,为了提高安全使用九宫锁,今天就为大家介绍Android实现九宫格的方法,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 布局文件如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas

  • Android开发之实现GridView支付宝九宫格

    先给大家展示下关于仿支付宝钱包首页中带有分割线的gridview,俗称九宫格 的效果图,怎么样是不是和你想象的一样啊.在你的预料之中就继续访问以下代码内容吧. 我们都知道ListView设置分割线是非常容易的,设置ListView的分割线颜色和宽度,只需要在布局中定义android:divider和android:dividerHeight属性即可.而GridView并没有这样的属性和方法,那我们改如何来做呢? 我们小编在做这个效果之前,也参考了其他的一些方案,比如说定义一个自定义的GridVi

  • Android 九宫格的实现方法

    1.xml代码: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?>  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       android:orientation="vertical"      android:layout_width="fill

  • Android编程简单实现九宫格示例

    本文实例讲述了Android编程简单实现九宫格.分享给大家供大家参考,具体如下: 实现的步骤 1. 一个整体的容器部分.就是上图中包括整个图片项个各个部分,这里我们使用gridView(表格布局)来实现 2.整个界面里需要注意的是 "重复的部分",就是 各个图片项和,图片下方显示的文字了.那么我们需要描述这个部分.在描述时,要说明图片位于上方,文字位于下方. 3.迭代,或者说重复的将各项 插入(放入)到容器内. 需要添加/修改3个文件:main.xml.meunitem.xml.act

  • Android实现九宫格(GridView中各项平分空间)的方法

    本文实例讲述了Android实现九宫格(GridView中各项平分空间)的方法.分享给大家供大家参考.具体如下: 项目需要做一个九宫格(也不一定是9的,4宫格.16宫格.4x3宫格...),封了 一个宫格,它能够根据为它分配的空间来自动的调节宫中各项的尺寸. 从TableLayout集成来的,因此如果你直接在设计器上使用该封装的话需要把它自动加进去的那几个TableRow删除一下. 类名为AdvancedGridView,代码如下: import android.content.Context;

  • 使用Android自定义控件实现滑动解锁九宫格

    本文概述:  滑动解锁九宫格的分析: 1.需要自定义控件: 2.需要重写事件onTouchEvent(); 3.需要给九个点设置序号和坐标,这里用Map类就行: 4.需要判断是否到滑到过九点之一,并存储滑到过的点的序号,而且需要一个方法可以返回它们,这里用List类就行: 滑动解锁当前还是比较流行的,今天写了个简单的滑动解锁九宫格的例程,分享出来让初学者看看. 我的是这样的: Demo 首先,自定义一个View /** * 九宫格 */ public class NineGridView ext

  • Android九宫格手势密码代码设计

    最近因为项目需要用到九宫格密码(也叫手势轨迹密码),特地去学习了一下九宫格密码的实现原来.可能有人认为九宫格密码事例网上到处都有,很多甚至直接拷贝过来就可以运行为什么还要学习呢.还特地写到网上有必要吗?其实写这个目的是为了增强和锻炼自己的语言组织能力.其实如果只是既然是学习就不光是要知道答案(完成效果)更重要的是知道他什么实现. 好了题外话就不多说了,要实现九宫格密码要解决的问题有: 1.给九宫格密码界面布局九个点,即确定每个节点的位置.每个点到上下左右的距离都是相同的.即九个点刚好围成一个正方

  • Android九宫格程序设计代码

    本文介绍九宫格程序的设计代码. 一.相关介绍 (一)效果显示 1.程序刚运行时的效果: 2.在页面上点击选择并滑动时的画面 3.选择密码之后的显示 (二)功能介绍 1.点击某圆圈后,在该圆圈的中心添加一个实行的小圆. 2.页面滑动出现一条跟随的线. 3.滑动到另一个圆圈时,产生一条连接的直线. 4.选择的圆圈点数大于等于4个后,手指抬起,就会保存密码. 4.选择的圆圈的数是最大值后,马上保存密码. (三)涉及到的知识点 本示例使用的是自定义的View来绘制九宫格,并保存图像,这里的九个点分别代表

  • Android打造流畅九宫格抽奖活动效果

    因为company项目中需要做九宫格抽奖活动,以前都没有做过类似的功能,虽然之前在浏览大神们的博客中,无意中也看到了好多关于抽奖的项目,但因为项目中没有需要,一直都没有点击进去看.这次不去看估计不行.直到公司计划要做抽奖功能,才迫不得已上网查找demo 网上找了大半天,好不容易找到了几个demo,下载下来,解压缩包发现竟然里面空空如也,只有几张九宫格的图片,害我白白浪费了几个CSDN积分.后面在eoe网站那发现了一个demo,于是好开心,下载下来后马上导入到工程中,运行看了效果,九宫格是出来了,

  • android 九宫格滑动解锁开机实例源码学习

    效果图由于网站占时不能上传,以后补上. NinePointLineView.java 复制代码 代码如下: package org.demo.custon_view; import org.demo.utils.MLog; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; imp

  • 轻松实现Android自定义九宫格图案解锁

    Android实现九宫格图案解锁,自带将图案转化成数字密码的功能,代码如下: LockPatternView.java package com.jackie.lockpattern; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Point; import android.text.TextUtils; i

随机推荐