当前位置: 移动技术网 > 移动技术>移动开发>Android > Android Studio 实现九宫格功能

Android Studio 实现九宫格功能

2020年06月23日  | 移动技术网移动技术  | 我要评论

运行结果

1.图

在这里插入图片描述

2.动图

在这里插入图片描述

九个图标是设置的,你也可以设置4 * 4 = 16都可以。

3.分享个gif动图的.exe

链接:

代码activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <gridview
 android:id="@+id/gridview"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:verticalspacing="10dp"
 android:columnwidth="90dp"
 android:numcolumns="3"
 android:stretchmode="columnwidth"
 android:gravity="center"
 android:background="#f3dcf3">
 </gridview>
 <!--
 容器大小和父容器一样大:match_parent
 每列之间的间距为27dp:android:verticalspacing="27dp"
 指定列宽为90dp:android:columnwidth="90dp"
 每一行自动填充3个:android:numcolumns="3"
 空余的位置均分给列填充:android:stretchmode="columnwidth"
 显示位置居中:android:gravity="center"
 -->
</relativelayout>

item.xml

<?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="wrap_content"
 android:background="#f3dcf3">


 <imageview
 android:id="@+id/itemimage"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_centerhorizontal="true">
 </imageview>

 <textview
 android:id="@+id/itemtext"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@+id/itemimage"
 android:layout_centerhorizontal="true" >
 </textview>
 <!--
 该控件设置在相对于父控件水平居中的位置:layout_centerhorizontal="true"
 该控件位于@+id的下面:layout_below="@+id/itemimage"
 -->


</relativelayout>

mainactivity.java

package edu.hrbust.syoneninelayout;

import android.annotation.suppresslint;
import android.app.activity;
import android.os.bundle;
import android.view.view;
import android.widget.adapterview;
import android.widget.adapterview.onitemclicklistener;
import android.widget.gridview;
import android.widget.simpleadapter;
import android.widget.toast;

import java.util.arraylist;
import java.util.hashmap;

public class mainactivity extends activity {
 // 调用活动
 @override
 protected void oncreate(bundle savedinstancestate) {
 super.oncreate(savedinstancestate);
 // 关联activity_main.xml 和 控件gridview
 setcontentview(r.layout.activity_main);
 gridview gridview = (gridview) findviewbyid(r.id.gridview);
 // 构建arraylist是hashmap格式,hashmap格式是<string,object>
 arraylist<hashmap<string,object>> meumlist = new arraylist<hashmap<string, object>>();
 // 向arraylist填入数据 图片+i i设置为1~9,形成九宫格
 for(int i = 1; i < 10; i++){
  hashmap<string,object> map = new hashmap<string, object>();
  //r.mipmap.ic_luminggai是关联的图片 我的图片在res的mipmap下面
  map.put("itemimage",r.mipmap.ic_luminggai);
  map.put("itemtext",""+i);
  meumlist.add(map);
 }
 // 构建数据适配器
 simpleadapter saitem = new simpleadapter(this,
  meumlist,
  r.layout.item,
  new string[]{"itemimage","itemtext"},
  new int[]{r.id.itemimage,r.id.itemtext});
 // 应用适配器
 gridview.setadapter(saitem);
 gridview.setonitemclicklistener(
  new onitemclicklistener() {
   @suppresslint("wrongconstant")
   public void onitemclick(adapterview<?> arg0, view arg1, int arg2, long arg3) {
   int index = arg2 + 1;
   toast.maketext(getapplicationcontext(),"点击了选项:" + index,0).show();
   }
  }
 );
 }
}

到此这篇关于android studio 实现九宫格功能的文章就介绍到这了,更多相关android studio九宫格内容请搜索移动技术网以前的文章或继续浏览下面的相关文章希望大家以后多多支持移动技术网!

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网