android控件Banner實現簡單輪播圖效果

本文實例為大傢分享瞭android控件Banner實現簡單輪播圖效果的具體代碼,供大傢參考,具體內容如下

實現這個輪播圖是在Fragment裡實現的,所以要想實現,首先要創建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("圖片三");

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

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

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

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

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

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

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

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

下面是效果圖

以上就是本文的全部內容,希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。

推薦閱讀: