Android開發(fā)之使用GridView展示圖片的方法
本文實例講述了Android使用GridView展示圖片的方法。分享給大家供大家參考,具體如下:
今天說說GridView的使用。
所謂GvidView翻譯過來就是網(wǎng)格布局:是一個ViewGroup以網(wǎng)格顯示它的子視圖(view)元素,即二維的、可滾動的網(wǎng)格。網(wǎng)格元素通過ListAdapter自動插入到網(wǎng)格。
這個GridView用處特別多,我這里是用來展示廣告的。2*3的廣告位置。
廢話少說先看個效果圖,有圖就可以說個XX,對吧,大家都懂的。

大家可以看到搜索下面的那6個塊,效果布局還行吧,哈哈。下面跟著我的節(jié)奏來實現(xiàn)這個效果:
第一步準備你的layout.xml
在你的layout.xml中加入一個Gridview:
<GridView
android:id="@+id/topMerchants"
style="@style/CustomGridView"
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_marginTop="0dip"
android:layout_weight="1"
android:columnWidth="50dip"
android:gravity="center"
android:horizontalSpacing="5dip"
android:numColumns="3"
android:paddingTop="5dip"
android:stretchMode="columnWidth"
android:verticalSpacing="5dip"
android:minHeight="50dip"
/>
這里面的屬性都好理解,按照英文意思就行了,這里不多說。
第二步,準備GridView要展示的內(nèi)容,即一個adapter:
public class TopMerchantGridAdapter extends BaseAdapter {
private List<? extends Object> list;
private AsyncImageLoader asyncImageLoader;
private Context context;
private static int getViewTimes = 0;
private String TAG = TopMerchantGridAdapter.class.getName();
public TopMerchantGridAdapter(List<? extends Object> list, Context context) {
this.list = list;
this.context = context;
asyncImageLoader = new AsyncImageLoader();
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
final ImageView imageView;
QuhaoLog.i(TAG, "getView times : " + (getViewTimes++));
QuhaoLog.i(TAG, "getView " + position + " " + convertView);
Drawable cachedImage = null;
TopMerchant topMerchant = (TopMerchant) this.getItem(position);
final int defaultWidth = PhoneTool.getScreenWidth() / 3; // 屏幕寬度的1/3
final int defaultHight = PhoneTool.getScreenHeight() / 7; // 屏幕高度的1/7
if (null == convertView) {
imageView = new ImageView(context);
imageView.setLayoutParams(new GridView.LayoutParams(defaultWidth, defaultHight));
imageView.setPadding(8, 8, 8, 8);
} else {
imageView = (ImageView) convertView;
}
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
// no content on top merchant grid
if (StringUtils.isNull(topMerchant.id)) {
imageView.setImageResource(R.drawable.no_logo);
return imageView;
}
String imageUrl = topMerchant.url;
QuhaoLog.d(TAG, "asyncImageLoader, the imageUrl is : " + imageUrl);
if (StringUtils.isNotNull(imageUrl)) {
cachedImage = asyncImageLoader.loadDrawable(imageUrl, position); //這里是從網(wǎng)絡(luò)獲取圖片
imageView.setImageDrawable(cachedImage);
}
return imageView;
}
class ViewHolder {
ImageView img;
TextView itemView;
TextView countView;
}
}
這里主要要注意的是重寫getView方法。這里我的圖片展示有兩種來源,一個是本地圖片(no_logo),還有一種是從網(wǎng)絡(luò)中下載的。你可以忽略來源。
最后一步把GridView和adapter連接起來:
GridView categorysGird = (GridView) findViewById(R.id.categorys); // 獲取到GridView ListAdapter adapter = new TopMerchantGridAdapter(topMerchants, MainActivity.this); topMerchantsGird.setAdapter(adapter); // 設(shè)置GridView的數(shù)據(jù)
希望本文所述對大家Android程序設(shè)計有所幫助。
相關(guān)文章
FragmentStatePagerAdapter保存恢復(fù)下拉刷新Fragment內(nèi)存數(shù)據(jù)
這篇文章主要為大家介紹了FragmentStatePagerAdapter保存恢復(fù)下拉刷新Fragment內(nèi)存數(shù)據(jù)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02
Android實現(xiàn)TextView顯示HTML加圖片的方法
這篇文章主要介紹了Android實現(xiàn)TextView顯示HTML加圖片的方法,結(jié)合實例形式分析了TextView控件顯示網(wǎng)絡(luò)圖片的相關(guān)操作技巧,需要的朋友可以參考下2016-07-07
Android?NDK開發(fā)(C語言--聯(lián)合體與枚舉)
這篇文章主要介紹了Android?NDK開發(fā)C語言聯(lián)合體與枚舉,共用體是一種特殊的數(shù)據(jù)類型,允許您在相同的內(nèi)存位置存儲不同的數(shù)據(jù)類型。您可以定義一個帶有多成員的共用體,但是任何時候只能有一個成員帶有值。下面詳細介紹該內(nèi)容,需要的朋友可以參考一下2021-12-12
Android LinearLayout實現(xiàn)自動換行效果
這篇文章主要為大家詳細介紹了Android LinearLayout實現(xiàn)自動換行效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-08-08
Android使用DocumentFile讀寫外置存儲的問題
大家好,本篇文章主要講的是Android使用DocumentFile讀寫外置存儲的問題,感興趣的同學趕快來看一看吧,對你有幫助的話記得收藏一下2021-12-12

