Android開發(fā)之使用GridView展示圖片的方法
本文實(shí)例講述了Android使用GridView展示圖片的方法。分享給大家供大家參考,具體如下:
今天說說GridView的使用。
所謂GvidView翻譯過來就是網(wǎng)格布局:是一個(gè)ViewGroup以網(wǎng)格顯示它的子視圖(view)元素,即二維的、可滾動(dòng)的網(wǎng)格。網(wǎng)格元素通過ListAdapter自動(dòng)插入到網(wǎng)格。
這個(gè)GridView用處特別多,我這里是用來展示廣告的。2*3的廣告位置。
廢話少說先看個(gè)效果圖,有圖就可以說個(gè)XX,對吧,大家都懂的。
大家可以看到搜索下面的那6個(gè)塊,效果布局還行吧,哈哈。下面跟著我的節(jié)奏來實(shí)現(xiàn)這個(gè)效果:
第一步準(zhǔn)備你的layout.xml
在你的layout.xml中加入一個(gè)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" />
這里面的屬性都好理解,按照英文意思就行了,這里不多說。
第二步,準(zhǔn)備GridView要展示的內(nèi)容,即一個(gè)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方法。這里我的圖片展示有兩種來源,一個(gè)是本地圖片(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è)計(jì)有所幫助。
相關(guān)文章
Android Studio中引入Lambda表達(dá)式的方法
這篇文章主要給大家介紹了在Android Studio中引入Lambda表達(dá)式的方法,文中通過圖文介紹的非常詳細(xì),對大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-03-03FragmentStatePagerAdapter保存恢復(fù)下拉刷新Fragment內(nèi)存數(shù)據(jù)
這篇文章主要為大家介紹了FragmentStatePagerAdapter保存恢復(fù)下拉刷新Fragment內(nèi)存數(shù)據(jù)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02Flutter實(shí)現(xiàn)簡單的下載按鈕動(dòng)畫
我們在app的開發(fā)過程中經(jīng)常會(huì)用到一些表示進(jìn)度類的動(dòng)畫效果,比如一個(gè)下載按鈕,那么在flutter中一個(gè)下載按鈕的動(dòng)畫應(yīng)該如何制作呢,一起來看看吧2023-05-05Android實(shí)現(xiàn)TextView顯示HTML加圖片的方法
這篇文章主要介紹了Android實(shí)現(xiàn)TextView顯示HTML加圖片的方法,結(jié)合實(shí)例形式分析了TextView控件顯示網(wǎng)絡(luò)圖片的相關(guān)操作技巧,需要的朋友可以參考下2016-07-07Android?NDK開發(fā)(C語言--聯(lián)合體與枚舉)
這篇文章主要介紹了Android?NDK開發(fā)C語言聯(lián)合體與枚舉,共用體是一種特殊的數(shù)據(jù)類型,允許您在相同的內(nèi)存位置存儲(chǔ)不同的數(shù)據(jù)類型。您可以定義一個(gè)帶有多成員的共用體,但是任何時(shí)候只能有一個(gè)成員帶有值。下面詳細(xì)介紹該內(nèi)容,需要的朋友可以參考一下2021-12-12Android LinearLayout實(shí)現(xiàn)自動(dòng)換行效果
這篇文章主要為大家詳細(xì)介紹了Android LinearLayout實(shí)現(xiàn)自動(dòng)換行效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08Android使用DocumentFile讀寫外置存儲(chǔ)的問題
大家好,本篇文章主要講的是Android使用DocumentFile讀寫外置存儲(chǔ)的問題,感興趣的同學(xué)趕快來看一看吧,對你有幫助的話記得收藏一下2021-12-12