快捷導航

android控件Banner實現(xiàn)簡單輪播圖效果

更新時間：2021年05月28日 17:11:47 作者：STARS__________

這篇文章主要為大家詳細介紹了android控件Banner實現(xiàn)簡單輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了android控件Banner實現(xiàn)簡單輪播圖效果的具體代碼，供大家參考，具體內(nèi)容如下

實現(xiàn)這個輪播圖是在Fragment里實現(xiàn)的，所以要想實現(xiàn)，首先要創(chuàng)建Fragment

首先是布局文件中的展示

<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="500dp">
</com.youth.banner.Banner>

下面是Fragment里的代碼

public class BlankFragment1 extends Fragment {


    private Banner banner;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View inflate = inflater.inflate(R.layout.fragment_blank_fragment1, container, false);
        //初始化控件
        banner = (Banner) inflate.findViewById(R.id.banner);

        //圖片
        //q w e 是我在res的drawable存入的圖片名
        ArrayList<Integer> imgs = new ArrayList<>();
        imgs.add(R.drawable.q);
        imgs.add(R.drawable.w);
        imgs.add(R.drawable.e);


        //圖片介紹
        ArrayList<String> strings = new ArrayList<>();
        strings.add("圖片一");
        strings.add("圖片二");
        strings.add("圖片三");

        //設(shè)置圖片
        banner.setImages(imgs);
        //設(shè)置文字
        banner.setBannerTitles(strings);

        //加載圖片
        banner.setImageLoader(new ImageLoader() {
            @Override
            public void displayImage(Context context, Object path, ImageView imageView) {
                imageView.setImageResource((int)path);
            }
        });

        //設(shè)置樣式
        //樣式有很多 這個是其中之一
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);

        //設(shè)置動畫樣式
     banner.setBannerAnimation(Transformer.BackgroundToForeground);

        //設(shè)置時間切換
        banner.setDelayTime(3000);

        //圖片點擊的監(jiān)聽事件
        banner.setOnBannerListener(new OnBannerListener() {
            @Override
            public void OnBannerClick(int position) {
                Toast.makeText(getActivity(), "點擊了圖片", Toast.LENGTH_SHORT).show();
            }
        });

        //顯示
        banner.start();
        
        return inflate;
    }
}

設(shè)置動畫樣式設(shè)置時間切換圖片點擊的監(jiān)聽事件，這三個屬性可有可無按照自己的愛好來寫入

下面是效果圖