序文

この号では、Android 用の使いやすいカルーセルイメージを紹介します。これは、github にある優れたオープンソースライブラリです。今日は、このオープンソースライブラリの基本的な使用法を学習します。

まずはデモビデオから：

QQ ビデオ 20230618211556

1. 導入方法

まず、このカルーセルの依存関係をプロジェクトにインポートしましょう。

implementation 'com.youth.banner:banner:1.4.10'

2. ステップを使用する

1. まず XML ファイルにレイアウトを導入し、好みのスタイルとサイズを設定します。以下に例を示します。

    <com.google.android.material.card.MaterialCardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        custom:cardCornerRadius="10dp"
        >

    <com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        custom:indicator_height="5dp"
        custom:indicator_margin="5dp"
        custom:indicator_width="5dp"
        custom:title_height="20dp"
        custom:title_textcolor="@color/white"
        custom:title_textsize="16sp"/>
    </com.google.android.material.card.MaterialCardView>

簡単に説明すると、バナーの外側のレイアウトとして、マテリアルカードビューを使用しています。カードの角を丸く設定した方が便利なので、このレイアウトを採用しました。

2. 次に、アクティビティまたはフラグメントでバナーの画像リソースとスタイルを設定する必要があります。

    private void initPlayer() {
        //初始化图片数据
        List images = new ArrayList();
        images.add(R.drawable.b1);
        images.add(R.drawable.b2);
        images.add(R.drawable.b3);

        //初始化标题数据
        List titles = new ArrayList();
        titles.add("线下");
        titles.add("线上");
        titles.add("签到");


        //设置图片加载器
        banner.setImageLoader(new MyImageLoader());
        //设置图片集合
        banner.setImages(images);
        //设置标题集合（当banner样式有显示title时）
        banner.setBannerTitles(titles);
        //设置轮播的动画效果 ZoomOutSlide
        banner.setBannerAnimation(Transformer.DepthPage);
        //设置自动轮播，默认为true
        banner.isAutoPlay(true);
        //设置轮播时间（设置2.5秒切换下一张图片）
        banner.setDelayTime(2000);
        //设置banner显示样式（带标题的样式）
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        //设置指示器位置（当banner模式中有指示器时）
        banner.setIndicatorGravity(BannerConfig.RIGHT);
        //增加监听事件
        banner.setOnBannerListener(new OnBannerListener() {
            @Override
            public void OnBannerClick(int position) {

            }
        });
        //banner设置方法全部调用完毕时最后调用
        banner.start();
    }

コードの各ステップのコメントが詳しく書かれているのがよくわかりますが、どれも基本的な使い方なので、何かを学んでいただければ幸いです。

要約する

今回シェアするのはAndroidカルーセルマップの実装方法ですので、皆さんに何か得があれば幸いです。

Android: 美しくシンプルなカルーセルですぐに始めましょう

序文

1. 導入方法

2. ステップを使用する

1. まず XML ファイルにレイアウトを導入し、好みのスタイルとサイズを設定します。以下に例を示します。

2. 次に、アクティビティまたはフラグメントでバナーの画像リソースとスタイルを設定する必要があります。

要約する

おすすめ