怎么在Android中利用GridView實(shí)現(xiàn)一個(gè)水平滾動(dòng)功能？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。
創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司，提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)，建網(wǎng)站，PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);可快速的進(jìn)行網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展；專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站，是專業(yè)的做網(wǎng)站團(tuán)隊(duì)，希望更多企業(yè)前來(lái)合作!
Android為我們提供了豎直方向的滾動(dòng)控件GridView，但如果我們想讓它水平滾動(dòng)起來(lái)，就需要自己實(shí)現(xiàn)了。
以下使用的測(cè)試數(shù)據(jù)datas集合都為L(zhǎng)ist
public static ListgetAppData(Context context) { PackageManager packageManager = context.getPackageManager(); Intent mainIntent = new Intent(Intent.ACTION_MAIN, null); mainIntent.addCategory(Intent.CATEGORY_LAUNCHER); return packageManager.queryIntentActivities(mainIntent, 0); }
一、單行橫向顯示
實(shí)現(xiàn)思路
具體實(shí)現(xiàn)
關(guān)鍵代碼
重慶分公司
重慶分公司
/**
* 將GridView改成單行橫向布局
*/
private void changeGridView() {
// item寬度
int itemWidth = DensityUtil.dip2px(this, 100);
// item之間的間隔
int itemPaddingH = DensityUtil.dip2px(this, 1);
int size = datas.size();
// 計(jì)算GridView寬度
int gridviewWidth = size * (itemWidth + itemPaddingH);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
gridviewWidth, LinearLayout.LayoutParams.MATCH_PARENT);
mContentGv.setLayoutParams(params);
mContentGv.setColumnWidth(itemWidth);
mContentGv.setHorizontalSpacing(itemPaddingH);
mContentGv.setStretchMode(GridView.NO_STRETCH);
mContentGv.setNumColumns(size);
}這里用到的dip2px方法是根據(jù)手機(jī)的分辨率從 dp 的單位 轉(zhuǎn)成為 px(像素)
/**
* 根據(jù)手機(jī)的分辨率從 dp 的單位 轉(zhuǎn)成為 px(像素)
* @param context 上下文
* @param dpValue dp值
* @return px值
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}在布局文件中，使用HorizontalScrollView包裹GridView
通過(guò)以上設(shè)置，再加上Adapter適配器就能實(shí)現(xiàn)單行橫向滾動(dòng)了，適配器使用常規(guī)的實(shí)現(xiàn)方式就行，這里就不貼了
二、多行橫向分頁(yè)顯示
實(shí)現(xiàn)思路
具體實(shí)現(xiàn)
數(shù)據(jù)量很多時(shí)，需要進(jìn)行分頁(yè)，計(jì)算方式
需要頁(yè)數(shù) = 總數(shù)量 ÷ 每頁(yè)顯示數(shù)量
有些整除不了的，就需要使用Math.ceil()函數(shù)，向上取整
關(guān)鍵代碼
/** * 獲取系統(tǒng)所有的應(yīng)用程序，根據(jù)每頁(yè)需要顯示的item數(shù)量，生成相應(yīng)數(shù)量的GridView頁(yè)面 */ private void initViews(Listdatas) { int dataSize = datas.size(); // （需要頁(yè)數(shù) = 總數(shù)量 ÷ 每頁(yè)顯示數(shù)量）向上取整數(shù) int PageCount = (int) Math.ceil(dataSize / APP_SIZE); mGridViewList = new ArrayList<>(); for (int i = 0; i <= PageCount; i++) { GridView appPage = new GridView(this); appPage.setAdapter(new HorizontalGvAdapter(this, datas, i)); appPage.setNumColumns(4); appPage.setVerticalSpacing(1); appPage.setHorizontalSpacing(1); appPage.setHorizontalScrollBarEnabled(false); appPage.setVerticalScrollBarEnabled(false); mGridViewList.add(appPage); } if(dataSize % APP_SIZE == 0){ mGridViewList.remove(mGridViewList.size()-1); PageCount--; } mGvPagerAdapter = new HorizontalGvPagerAdapter(mGridViewList); viewPager.setAdapter(mGvPagerAdapter); viewPager.addOnPageChangeListener(new MyPageChangeListener()); addDot(PageCount); }
當(dāng)總數(shù)量 ÷ 每頁(yè)顯示數(shù)量剛好被整除時(shí)，會(huì)出現(xiàn)一頁(yè)空白頁(yè)的情況，這個(gè)時(shí)候需要去掉多出來(lái)的那一頁(yè)
if(dataSize % APP_SIZE == 0){
mGridViewList.remove(mGridViewList.size()-1);
PageCount--;
}Adapter在創(chuàng)建初期就要對(duì)顯示的數(shù)據(jù)進(jìn)行控制，因?yàn)檫@里每個(gè)GridView都有一個(gè)單獨(dú)的Adapter，所以需要對(duì)其顯示的datas進(jìn)行動(dòng)態(tài)計(jì)算
通過(guò)傳入構(gòu)造方法的數(shù)據(jù)進(jìn)行動(dòng)態(tài)計(jì)算，可以得出數(shù)據(jù)開(kāi)始加載的位置、結(jié)束加載的位置
HorizontalGvAdapter的構(gòu)造方法：
/** * 所有應(yīng)用數(shù)據(jù) */ private ListmAppDatas = new ArrayList (); public HorizontalGvAdapter(Context context, List list, int page) { this.mContext = context; // 開(kāi)始加載的位置 int pageStart = page * HorizontalGridViewAct.APP_SIZE; // 結(jié)束加載的位置 int pageEnd = pageStart + HorizontalGridViewAct.APP_SIZE; while ((pageStart < list.size()) && (pageStart < pageEnd)) { mAppDatas.add(list.get(pageStart)); pageStart++; } }
如果需要加小圓點(diǎn)的話，可以先在布局中用一個(gè)空LinearLayout當(dāng)小圓點(diǎn)的容器
<?xml version="1.0" encoding="utf-8"?>
然后在代碼中用List
// 放圓點(diǎn)的list private ListdotViewsList; /** * 創(chuàng)建指定數(shù)量的圓點(diǎn) * @param dotNumber viewPager的數(shù)量 */ private void addDot(int dotNumber) { if (null == dotViewsList) { dotViewsList = new ArrayList (); } LinearLayout dotLayout = (LinearLayout) findViewById(R.id.ll_dot_container); for (int i = 0; i <= dotNumber; i++) { ImageView dotView = new ImageView(this); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.WRAP_CONTENT); // 圓點(diǎn)與圓點(diǎn)之間的距離 params.leftMargin = 10; params.rightMargin = 10; // 圓點(diǎn)的大小 params.height = 15; params.width = 15; dotLayout.addView(dotView, params); dotViewsList.add(dotView); } // 設(shè)置圓點(diǎn)默認(rèn)選中第一個(gè) setDotShow(0); } 動(dòng)態(tài)添加完小圓點(diǎn)后，就可以設(shè)置它們的選中狀態(tài)了，這里只需要更改對(duì)應(yīng)小圓點(diǎn)的圖片顯示就行 /** * 顯示底部圓點(diǎn)導(dǎo)航 * @param position 選中哪個(gè)圓點(diǎn) */ private void setDotShow(int position){ if (dotViewsList == null){ return; } for (int i = 0; i < dotViewsList.size(); i++) { if (i == position) { dotViewsList.get(position).setBackgroundResource(R.drawable.ic_dot_on); } else { dotViewsList.get(i).setBackgroundResource(R.drawable.ic_dot_off); } } }
看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。
