GridView 加载数据 采用SimpleAdapter.
2014-05-14 10:04
288 查看
gridView 应该是手机端最从常用的加载数据,比如淘宝手机客户端等等,许多商品都采用gridview 形式,布局的。
import java.util.*;
import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;
public class GridView1Activity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_grid_view1);
//进来的效果,左边滑动进来,右边出去。
overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
GridView gridview=(GridView) findViewById(R.id.gridview);
SimpleAdapter adapter=new SimpleAdapter(this, getData(),R.layout.gridview,
new String[]{"title","pic"}, new int[]{R.id.loveTitle,R.id.lovePic});
/*第一个参数是在哪里显示,第二个参数是List<Map>类型的数据,第三个是自定义的布局文件,第四个参数是key,
第五个参数是布局文件中的id. 注意: key要一一对应相关的id */
gridview.setAdapter(adapter);
}
//加载数据
public List<Map<String,Object>> getData() {
List<Map<String,Object>> list=new ArrayList<Map<String,Object>>();
String titles[]={"漂亮","迷人","温柔","李宁","乔丹","耐克","361"}; //准备标题
int pics[]={R.drawable.b,R.drawable.c,R.drawable.girl, //准备
R.drawable.shirt1,R.drawable.shirt5,R.drawable.shirt6,R.drawable.shirt4};
//实际应用中应该从网络上获取图片资源文件等信息。这里仅做测试。
for (int i = 0; i < titles.length; i++) {
Map<String,Object> map=new HashMap<String,Object>();
map.put("title", titles[i]);
map.put("pic", pics[i]);
list.add(map);
}
return list;
}
}
xml布局如下:
<LinearLayout 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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".GridView1Activity"
android:orientation="vertical" >
<TextView
android:layout_height="wrap_content" android:layout_width="wrap_content"
android:text="爱情从告白开始" />
<GridView android:id="@+id/gridview"
android:layout_height="0dp"
android:layout_weight="1"
android:layout_width="match_parent"
android:verticalSpacing="5dp"
android:horizontalSpacing="5dp"
android:numColumns="auto_fit"
android:columnWidth="60dp"
android:stretchMode="columnWidth"
android:gravity="center"
android:smoothScrollbar="true"
android:choiceMode="multipleChoice"
>
</GridView>
<TextView
android:layout_height="50dp" android:layout_width="wrap_content"
android:text="gridview之SimpleAdapt简单练习" />
</LinearLayout>
自定义布局如下:gridview.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView android:id="@+id/lovePic"
android:layout_height="100dp" android:layout_width="100dp"/>
<TextView android:id="@+id/loveTitle" android:layout_below="@id/lovePic"
android:gravity="center_horizontal"
android:layout_width="wrap_content" android:layout_height="wrap_content"/>
</RelativeLayout>
import java.util.*;
import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;
public class GridView1Activity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_grid_view1);
//进来的效果,左边滑动进来,右边出去。
overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
GridView gridview=(GridView) findViewById(R.id.gridview);
SimpleAdapter adapter=new SimpleAdapter(this, getData(),R.layout.gridview,
new String[]{"title","pic"}, new int[]{R.id.loveTitle,R.id.lovePic});
/*第一个参数是在哪里显示,第二个参数是List<Map>类型的数据,第三个是自定义的布局文件,第四个参数是key,
第五个参数是布局文件中的id. 注意: key要一一对应相关的id */
gridview.setAdapter(adapter);
}
//加载数据
public List<Map<String,Object>> getData() {
List<Map<String,Object>> list=new ArrayList<Map<String,Object>>();
String titles[]={"漂亮","迷人","温柔","李宁","乔丹","耐克","361"}; //准备标题
int pics[]={R.drawable.b,R.drawable.c,R.drawable.girl, //准备
R.drawable.shirt1,R.drawable.shirt5,R.drawable.shirt6,R.drawable.shirt4};
//实际应用中应该从网络上获取图片资源文件等信息。这里仅做测试。
for (int i = 0; i < titles.length; i++) {
Map<String,Object> map=new HashMap<String,Object>();
map.put("title", titles[i]);
map.put("pic", pics[i]);
list.add(map);
}
return list;
}
}
xml布局如下:
<LinearLayout 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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".GridView1Activity"
android:orientation="vertical" >
<TextView
android:layout_height="wrap_content" android:layout_width="wrap_content"
android:text="爱情从告白开始" />
<GridView android:id="@+id/gridview"
android:layout_height="0dp"
android:layout_weight="1"
android:layout_width="match_parent"
android:verticalSpacing="5dp"
android:horizontalSpacing="5dp"
android:numColumns="auto_fit"
android:columnWidth="60dp"
android:stretchMode="columnWidth"
android:gravity="center"
android:smoothScrollbar="true"
android:choiceMode="multipleChoice"
>
</GridView>
<TextView
android:layout_height="50dp" android:layout_width="wrap_content"
android:text="gridview之SimpleAdapt简单练习" />
</LinearLayout>
自定义布局如下:gridview.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView android:id="@+id/lovePic"
android:layout_height="100dp" android:layout_width="100dp"/>
<TextView android:id="@+id/loveTitle" android:layout_below="@id/lovePic"
android:gravity="center_horizontal"
android:layout_width="wrap_content" android:layout_height="wrap_content"/>
</RelativeLayout>
相关文章推荐
- gridview布局示例二(通过simpleAdapter进行图片等数据绑定)
- gridview布局示例二(通过simpleAdapter进行图片等数据绑定)
- 采用ListView实现数据列表显示——SimpleCursorAdapter
- Android采用ListView实现数据列表显示1-使用SimpleCursorAdapter进行数据绑定
- android ListView布局之二(是用simpleAdapter绑定数据)
- Android采用ListView实现列表数据的显示--Adapter应用
- SimpleCursorAdapter修改数据前端显示
- DbEntry采用分页技术显示数据在GridView里面并用AspNetPager控件来显示分页
- Android数据存储操作⑤Adapter之SimpleCursorAdapter
- 采用Jquery,在table上实现对行的单击、双击、返回选中行数据的功能,可作为GridView控制客户端的扩展
- Android SimpleAdapter显示ListView、GridView
- Android中List与Map<String,Object>及SimpleAdapter用来存储数据并展示出来的联合用法
- Android中GridView滚动到底部加载数据终极版
- 扩展了一棵jquery的树插件SimpleTree,加上了json格式数据异步加载能力
- 采用Jquery,在table上实现对行的单击、双击、返回选中行数据的功能,可作为GridView控制客户端的扩展
- jquery 采用async:false同步加载数据
- GridView使用Adapter异步加载图片下拉乱跳
- android ListView布局之二(是用simpleAdapter绑定数据)
- 关于BaseAdapter和GridView与后台Service服务进程交换数据的小小的经验总结
- android Adapter综合使用(ArrayAdapter、SimpleAdapter、BaseAdapter在ListView和GridView中的使用)