亲宝软件园·资讯

展开

android轮播图效果 android控件Banner实现简单轮播图效果

STARS__________ 人气:0
想了解android控件Banner实现简单轮播图效果的相关内容吗,STARS__________在本文为您仔细讲解android轮播图效果的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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;
    }
}

设置动画样式 设置时间切换 图片点击的监听事件,这三个属性可有可无 按照自己的爱好来写入

下面是效果图

加载全部内容

相关教程
猜你喜欢
用户评论