溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android使用GridView實(shí)現(xiàn)橫向滾動(dòng)效果

發(fā)布時(shí)間:2020-10-11 04:13:52 來(lái)源:腳本之家 閱讀:258 作者:LeArn淡然 欄目:移動(dòng)開(kāi)發(fā)

本文實(shí)例為大家分享了Android使用GridView實(shí)現(xiàn)橫向滾動(dòng)效果的具體代碼,供大家參考,具體內(nèi)容如下

第一次做橫向滑動(dòng),看了一些列子,基本就2總:HorizontalListView和GridView??紤]的了下選擇用比較熟的GridView,并且在2種方案都使用過(guò),根據(jù)本人實(shí)際情況,采用了更適合的GridView。

也希望看過(guò)這篇博客的大神們,能指點(diǎn)下HorizontalListView和GridView兩個(gè)方案的優(yōu)缺點(diǎn)。

思路:

XML界面:用HorizontalScrollView + GridView 配合使用。
Java代碼部分:和普通GridView使用基本一致,但需要手動(dòng)設(shè)置GridView的width以及Item的Width等。

筆者實(shí)際情況是:左右滑動(dòng),1行以4個(gè)為基準(zhǔn)。
在不同尺寸的平板下,呈現(xiàn)都是一個(gè)界面4個(gè)Item。

先上效果圖

模擬器Nexus 10 API 18 2560x1600: xhdpi 效果如下:

Android使用GridView實(shí)現(xiàn)橫向滾動(dòng)效果

模擬器Nexus 9 API 18 2048x1536: xhdpi 效果如下:

Android使用GridView實(shí)現(xiàn)橫向滾動(dòng)效果

XML代碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center">

  <HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_margin="10dp">

      <GridView
        android:id="@+id/dev_gv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:numColumns="auto_fit"
        android:stretchMode="spacingWidthUniform">
      </GridView>

    </LinearLayout>

  </HorizontalScrollView>

</LinearLayout>

android:numColumns=”auto_fit” –>列數(shù)量自適應(yīng)
android:stretchMode=”spacingWidthUniform” –>Item間距均勻

Java

這里是參考了網(wǎng)上他人的代碼后,更具自己的實(shí)際情況進(jìn)行更改,并附上了詳細(xì)的注釋。

/**
   * 水平GridView設(shè)置
   * @param size Item總數(shù)
   * @param gridView 需要設(shè)置的GridView
   */
  private void setHorizontalGridView(int size, GridView gridView) {
    int length = size;
    //一個(gè)界面要顯示的幾個(gè)Item
    int AnInterfaceNum=4;
    //每個(gè)Item的間距(注:如果間距過(guò)大,但屏幕寬度不夠,多出的部份會(huì)被無(wú)視)
    int spcing = 30;
    //計(jì)算當(dāng)個(gè)Item的寬度( 屏幕寬度 減去- 一個(gè)屏幕下要總item數(shù)量的間距之和 最后除/ 單個(gè)屏幕要顯示幾個(gè)Item)
    int itemWidth = ((getResources().getDisplayMetrics().widthPixels) - ((AnInterfaceNum - 1) * spcing)) / AnInterfaceNum;
    //這里筆者并不理解為什么網(wǎng)上有些代碼這里需要用到屏幕密度,但會(huì)影響我最終效果,就注釋掉
    //    float density = dm.density;
    //
    //    int gridviewWidth = (int) (size * (length) * density)+((size-1)*30);
    //    int itemWidth = (int) ((length) * density);
    //筆者更具實(shí)際情況改寫(xiě)如下:
    //GridView總長(zhǎng)度
    int gridviewWidth = (length * (itemWidth)) + ((length - 1) * spcing);

    @SuppressWarnings("deprecation")
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
        gridviewWidth, LinearLayout.LayoutParams.MATCH_PARENT);
    gridView.setLayoutParams(params);      // 設(shè)置GirdView布局參數(shù),橫向布局的關(guān)鍵
    gridView.setColumnWidth(itemWidth);     // 設(shè)置列表項(xiàng)寬
    gridView.setHorizontalSpacing(spcing);   // 設(shè)置列表項(xiàng)水平間距
    gridView.setStretchMode(GridView.NO_STRETCH);
    gridView.setNumColumns(length);       // 設(shè)置列數(shù)量=列表集合數(shù)

  }

這塊代碼是核心部分,并不建議直接copy使用,建議先看懂后,再根據(jù)實(shí)際情況進(jìn)行更改。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI