Android控件之GridView探究

【轉】http://www.apkbus.com/forum.php?mod=viewthread&tid=2436&extra=page%253D1

GridView是一項顯示二維的viewgroup，可滾動的網格。一般用來顯示多張圖片。

以下模擬九宮圖的實現，當鼠標點擊圖片時會進行相應的跳轉鏈接。

目錄結構

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 p_w_picpaths[] = null;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
p_w_picpaths=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", p_w_picpaths[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 (p_w_picpaths[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常用控件
標籤: android GridView

Android控件之GridView探究

Android 記住密碼和自動登錄界面的實現（SharedPreferences 的用法）

android apk簽名和包名

Android中的複製粘貼

我的友情鏈接

android 設備唯一碼的獲取，Cpu號，Mac地址

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結