Android控件之GridView探究详解编程语言

本文章主要介绍了Android控件之GridView探究,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!

GridView是一项显示二维的viewgroup,可滚动的网格。一般用来显示多张图片。

以下模拟九宫图的实现,当鼠标点击图片时会进行相应的跳转链接。

目录结构

Android控件之GridView探究详解编程语言

main.xml布局文件,存放GridView控件

  
<? xml version = " 1.0 " encoding = " utf-8 " ?>
<!--
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 " ,两列之间的边距
-->
< 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 "
/>

night_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:layout_width
= " wrap_content "
android:layout_centerHorizontal
= " true "
android:id
= " @+id/itemImage " >
</ 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 >

strings.xml

  
<? xml version = " 1.0 " encoding = " utf-8 " ?>
< resources >
< string name = " hello " > Hello World, GvActivity !</ string >
< string name = " app_name " > 九宫图 </ string >
< string name = " test_name1 " > 跳转到TestActivity1 </ string >
< string name = " test_name2 " > 跳转到TestActivity2 </ string >
< string name = " test_name3 " > 跳转到TestActivity3 </ string >
</ resources >

清单文件

<? xml version = " 1.0 " encoding = " utf-8 " ?>
< manifest xmlns:android = " http://schemas.android.com/apk/res/android "
package = " com.ljq.gv "
android:versionCode
= " 1 "
android:versionName
= " 1.0 " >
< application android:icon = " @drawable/icon " android:label = " @string/app_name " >
< activity android:name = " .GvActivity "
android:label
= " @string/app_name " >
< intent - filter >
< action android:name = " android.intent.action.MAIN " />
< category android:name = " android.intent.category.LAUNCHER " />
</ intent - filter >
</ activity >
< activity android:name = " .TestActivity1 " android:label = " @string/test_name1 " />
< activity android:name = " .TestActivity2 " android:label = " @string/test_name2 " />
< activity android:name = " .TestActivity3 " android:label = " @string/test_name3 " />
</ application >
< uses - sdk android:minSdkVersion = " 7 " />

</ manifest >

跳转类TestActivity1、TestActivity2、TestActivity3

package com.ljq.gv;

import android.app.Activity;
import android.os.Bundle;

public class TestActivity1 extends Activity {

@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
// setContentView(R.layout.main);
}
}

package com.ljq.gv;

import android.app.Activity;
import android.os.Bundle;

public class TestActivity2 extends Activity {

@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
// setContentView(R.layout.main);
}
}

package com.ljq.gv;

import android.app.Activity;
import android.os.Bundle;

public class TestActivity3 extends Activity {

@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
// setContentView(R.layout.main);
}
}

类GvActivity

package com.ljq.gv;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class GvActivity extends Activity {
private String texts[] = null ;
private int images[] = null ;

public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setContentView(R.layout.main);

images
= new int []{R.drawable.p1, R.drawable.p2,
R.drawable.p3, R.drawable.p4,
R.drawable.p5,R.drawable.p6,
R.drawable.p7,R.drawable.p8};
texts
= new String[]{ " 宫式布局1 " , " 宫式布局2 " ,
" 宫式布局3 " , " 宫式布局4 " ,
" 宫式布局5 " , " 宫式布局6 " ,
" 宫式布局7 " , " 宫式布局8 " };

GridView gridview
= (GridView) findViewById(R.id.gridview);
ArrayList
< HashMap < String, Object >> lstImageItem = new ArrayList < HashMap < String, Object >> ();
for ( int i = 0 ; i < 8 ; i ++ ) {
HashMap
< String, Object > map = new HashMap < String, Object > ();
map.put(
" itemImage " , images[i]);
map.put(
" itemText " , texts[i]);
lstImageItem.add(map);
}

SimpleAdapter saImageItems
= new SimpleAdapter( this ,
lstImageItem,
// 数据源
R.layout.night_item, // 显示布局
new String[] { " itemImage " , " itemText " },
new int [] { R.id.itemImage, R.id.itemText });
gridview.setAdapter(saImageItems);
gridview.setOnItemClickListener(
new ItemClickListener());
}

class ItemClickListener implements OnItemClickListener {
/**
* 点击项时触发事件
*
*
@param parent 发生点击动作的AdapterView
*
@param view 在AdapterView中被点击的视图(它是由adapter提供的一个视图)。
*
@param position 视图在adapter中的位置。
*
@param rowid 被点击元素的行id。
*/
public void onItemClick(AdapterView <?> parent, View view, int position, long rowid) {
HashMap
< String, Object > item = (HashMap < String, Object > ) parent.getItemAtPosition(position);
// 获取数据源的属性值
String itemText = (String)item.get( " itemText " );
Object object
= item.get( " itemImage " );
Toast.makeText(GvActivity.
this , itemText, Toast.LENGTH_LONG).show();

// 根据图片进行相应的跳转
switch (images[position]) {
case R.drawable.p1:
startActivity(
new Intent(GvActivity. this , TestActivity1. class )); // 启动另一个Activity
finish(); // 结束此Activity,可回收
break ;
case R.drawable.p2:
startActivity(
new Intent(GvActivity. this , TestActivity2. class ));
finish();
break ;
case R.drawable.p3:
startActivity(
new Intent(GvActivity. this , TestActivity3. class ));
finish();
break ;
}

}
}
}

运行结果

Android控件之GridView探究详解编程语言

原创文章,作者:6024010,如若转载,请注明出处:https://blog.ytso.com/228175.html

(0)
上一篇 2022年1月11日
下一篇 2022年1月11日

相关推荐

发表回复

登录后才能评论