自定义控件，banner无限轮播

最新推荐文章于 2021-07-20 19:19:01 发布
最新推荐文章于 2021-07-20 19:19:01 发布
阅读量375 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/androidyhr/article/details/78705608
版权

配置网络权限

---------------------------------------


Activity

public class MainActivity extends AppCompatActivity {

    private MyBanner mMbanner;
    private List<String> list = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        list.add("http://img.zcool.cn/community/017274582000cea84a0e282b576a32.jpg");
        list.add("http://pic4.nipic.com/20091217/3885730_124701000519_2.jpg");
        list.add("http://img.zcool.cn/community/017274582000cea84a0e282b576a32.jpg");
        list.add("http://img.zcool.cn/community/014a52554064690000005b03d35d4e.jpg@900w_1l_2o_100sh.jpg");
        mMbanner.setData(list);
    }

    private void initView() {
        mMbanner = (MyBanner) findViewById(R.id.mbanner);
    }
}
-----------------------------------------


配置Imageloader

public class MyApp extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        //创建默认的ImageLoader配置参数
        ImageLoaderConfiguration configuration = ImageLoaderConfiguration
                .createDefault(this);
        //Initialize ImageLoader with configuration.
        ImageLoader.getInstance().init(configuration);
    }
}

-------------------------------



banner类

public class MyBanner extends LinearLayout {

    private ViewPager vp;
    private LinearLayout ll;
    private List<ImageView> imgList = new ArrayList<>();
    private Handler handler = new Handler();
    private int index = 1;
    private int position;
    public MyBanner(Context context) {
        this(context, null);
    }

    public MyBanner(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.banner, this);
        vp = findViewById(R.id.vp);
        ll = findViewById(R.id.ll);

    }

    /**
     * http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg
     *
     * @param list
     */
    public void setData(List<String> list) {
        if (list == null) {
            throw new RuntimeException("集合不能为空");
        }
        //因为传过来的list里存的是图片下载地址，所以，vp的适配器，不能用
        for (int i = 0; i < list.size(); i++) {
            ImageView imageView = new ImageView(getContext());
            imgList.add(imageView);
            ImageLoader.getInstance().displayImage(list.get(i), imageView);

            imageView.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    Intent intent = new Intent(getContext(),WebViewActivity.class);
                    intent.putExtra("url","https://www.baidu.com/");
                    getContext().startActivity(intent);
                }
            });

            //创建小圆点
            ImageView ivCircle = new ImageView(getContext());
            LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            layoutParams.leftMargin = 5;
            ivCircle.setLayoutParams(layoutParams);
            ivCircle.setBackgroundResource(R.drawable.circle_nomal);
            ll.addView(ivCircle);
        }
        ImageView iv = (ImageView) ll.getChildAt(0);
        iv.setBackgroundResource(R.drawable.circle_select);
        MyAdapter adapter = new MyAdapter();
        vp.setAdapter(adapter);
        vp.setOnPageChangeListener(new MyPageChangeListener());

        Timer timer = new Timer();
        timer.schedule(new TimerTask() {
            @Override
            public void run() {
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        vp.setCurrentItem((++index) % imgList.size());
                    }
                });
            }
        }, 1000, 3000);

    }


    class MyPageChangeListener implements ViewPager.OnPageChangeListener {



        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            //重置所有的圆点装点
            reset();
            ImageView iv = (ImageView) ll.getChildAt(position);
            iv.setBackgroundResource(R.drawable.circle_select);

        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    }

    private void reset() {
        int childCount = ll.getChildCount();
        for (int i = 0; i < childCount; i++) {
            ImageView iv = (ImageView) ll.getChildAt(i);
            iv.setBackgroundResource(R.drawable.circle_nomal);
        }
    }


    class MyAdapter extends PagerAdapter {
        @Override
        public int getCount() {
            return imgList.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = imgList.get(position);
            container.addView(imageView);
            return imageView;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }
    }

}


----------------------------------------

跳转到的新页面


public class WebViewActivity extends AppCompatActivity {

    private WebView mW;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view);
        initView();
        Intent intent = getIntent();
        String url = intent.getStringExtra("url");
        mW.loadUrl(url);
    }

    private void initView() {
        mW = (WebView) findViewById(R.id.w);
        WebSettings settings = mW.getSettings();
        settings.setJavaScriptEnabled(true);
    }
}


-----------------------------------

drawable小圆点布局


circle_nomal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorDark"></solid>
    <corners android:radius="5dp"></corners>
    <size
        android:width="10dp"
        android:height="10dp"></size>
</shape>

circle_select.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorGreen"></solid>
    <corners android:radius="5dp"></corners>

    <size
        android:width="10dp"
        android:height="10dp"></size>
</shape>

ic_launcher_background.xml

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="108dp"
    android:height="108dp"
    android:viewportHeight="108"
    android:viewportWidth="108">
    <path
        android:fillColor="#26A69A"
        android:pathData="M0,0h108v108h-108z" />
    <path
        android:fillColor="#00000000"
        android:pathData="M9,0L9,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M19,0L19,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M29,0L29,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M39,0L39,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M49,0L49,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M59,0L59,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M69,0L69,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M79,0L79,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M89,0L89,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M99,0L99,108"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,9L108,9"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,19L108,19"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,29L108,29"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,39L108,39"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,49L108,49"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,59L108,59"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,69L108,69"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,79L108,79"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,89L108,89"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M0,99L108,99"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M19,29L89,29"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M19,39L89,39"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M19,49L89,49"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M19,59L89,59"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M19,69L89,69"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M19,79L89,79"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M29,19L29,89"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M39,19L39,89"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M49,19L49,89"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M59,19L59,89"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M69,19L69,89"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
    <path
        android:fillColor="#00000000"
        android:pathData="M79,19L79,89"
        android:strokeColor="#33FFFFFF"
        android:strokeWidth="0.8" />
</vector>

ic_launcher_foreground.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt"
    android:width="108dp"
    android:height="108dp"
    android:viewportHeight="108"
    android:viewportWidth="108">
    <path
        android:fillType="evenOdd"
        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
        android:strokeColor="#00000000"
        android:strokeWidth="1">
        <aapt:attr name="android:fillColor">
            <gradient
                android:endX="78.5885"
                android:endY="90.9159"
                android:startX="48.7653"
                android:startY="61.0927"
                android:type="linear">
                <item
                    android:color="#44000000"
                    android:offset="0.0" />
                <item
                    android:color="#00000000"
                    android:offset="1.0" />
            </gradient>
        </aapt:attr>
    </path>
    <path
        android:fillColor="#FFFFFF"
        android:fillType="nonZero"
        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
        android:strokeColor="#00000000"
        android:strokeWidth="1" />
</vector>


---------------------------------


主布局


activity_main.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">

    <com.bawei.week1lianxiapplication.MyBanner
        android:id="@+id/mbanner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </com.bawei.week1lianxiapplication.MyBanner>

</LinearLayout>

activity_web_view.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">

    <WebView
        android:id="@+id/w"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></WebView>
</LinearLayout>

banner.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:orientation="vertical">

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="200dp" />

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"

        android:orientation="horizontal"></LinearLayout>
</RelativeLayout>

------------------------------------

values中


colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="colorDark">#33000000</color>
    <color name="colorGreen">#3314f404</color>
</resources>



小胖几
关注
不用ViewPager一样做翻页，简单讲讲自定义3D动画
王亟亟的博客
05-03 3529
转载请注明出处：王亟亟的大牛之路从4月28号到3号下午，今年这个5.1是历年来最忙的，没有之一。简直就是 “瞬间爆炸”，本来想电脑带回去学习学习的结果都在忙着家里的事，唉。。。。废话不多说我们来看下今天的内容。标题描述的不算太抽象，还是补下效果图方便大家理解。这图够大的，代码内容来源于Git也收录在我的收纳库里了，这里给出传送门，大家可以自行寻找：https://github.com/ddwhan0
android 新创建的项目r.layout.main有红叉,Android studio新建文件出现setContentView(R.layout.activity_main);中的R标红错误解决方...
weixin_30587041的博客
05-27 1059
android:fillColor="#008577"android:pathData="M0,0h108v108h-108z" />android:fillColor="#00000000"android:pathData="M9,0L9,108"android:strokeWidth="0.8"android:strokeColor="#33FFFFFF" />android:fi...
多渠道打包：一套代码打包多个应用，配置不一样的应用名、包名、签名、图标
weixin_44021334的博客
07-20 4968
开发某个应用，基本功能是一样的，在打包的时候，区分渠道、配置不同的包名、签名。 1.新建一个工程 很简单，新建一个默认的 Hello World 工程就可以了。 2.新建对应渠道的文件夹 在 src 目录新建一个文件夹 qudao1 ，然后照着 main 文件的样子生成一样的目录，只需要目录，各目录下的文件先不要。 （要也不影响，本篇主要讲配置，不改代码） 在 src 目录新建一个文件夹 qudao2 ，操作同新建 qudao1 。 为了区分，我们简单修改下 string.xml ， main 下的， &l
MVP做购物车
Zyy_921的博客
01-12 351
drawable  bian_kuang.xml shape xmlns:android="http://schemas.android.com/apk/res/android"> solid android:color="#ffffff"/> stroke android:color="#000000" android:width="0.1dp"/> shap
Android 8.0 自适应图标
weixin_33924220的博客
05-21 286
项目中遇到一个问题，Android 8.0 系统上 APP 的 icon 显示的是默认的机器人的 icon，这是什么回事？原来 Android 8.0（API 级别 26）引入了自适应启动器图标，可以在不同设备模型中显示各种形状。下面看下官方酷炫动态图： 图1. 自适应图标支持各种设备之间不同的掩码。 可以通过定义 2 层来控制自适应启动器图标的外观，包括背景和前景。您必须提供图标图层作为可绘...
Android自定义图片轮播Banner控件使用解析
08-27
Android自定义图片轮播Banner控件使用解析 Android自定义图片轮播Banner控件是Android开发中常用的控件之一，它可以用来动态展示多个图片，具有很高的实用价值。下面我们将详细介绍Android自定义图片轮播Banner...
自定义Banner无限轮播控件
点滴之路的博客
04-15 191
public class BannerView extends RelativeLayout implements BannerAdapter.ViewPagerOnItemClickListener { @BindView(R.id.layout_banner_viewpager) ViewPager viewPager; @BindView(R.id.layout_banner_...
Android自定义Banner轮播效果
08-27
在自定义Banner轮播效果中，ButterKnife用来绑定控件，实现初始化和Setter方法。 Android自定义Banner轮播效果的实现需要自定义View布局和自定义View主体内容，使用ViewPager、Handler和ButterKnife等技术要点，...
自定义Banner控件：无限循环图片轮播实现
"这篇教程介绍了如何在Android应用中创建一个自定义...通过这样的自定义控件，开发者可以更方便地创建符合自己应用需求的图片轮播功能，同时避免了因过度依赖第三方库而带来的潜在问题，提高了代码的可维护性和灵活性。
Android基础控件——Banner轮播图的无限循环轮播功能、手动滑动功能(新)
02-27
本篇将详细讲解如何实现Banner轮播图的无限循环轮播功能以及手动滑动功能。 一、无限循环轮播功能 1. 数据准备：首先，你需要有一组数据源，可以是ArrayList类型的图片URL列表，也可以是自定义对象列表，包含图片...
Android P版本 新功能介绍和兼容性处理（三）Android Studio 3.0 ~ 3.2 其他特性
yi_master的博客
04-25 4676
1：JAVA8特性支持 1）Base64.java 在升级到as3.0之后，我们便可以使用Base64.java这个类了，这个类的在java.util.Base64包下；而android里面也有一个Base64.java,那么他们加解密的内容是否一致？ 先看下工程配置 代码如下 private void showUserJava8Feature(){ //j...
Android_week
qq_37948746的博客
01-01 680
public class SecondActivity extends AppCompatActivity { private String mImgUrl; @BindView(R.id.pic_iv) ImageView mPicImageView; @Override protected void onCreate(Bundle savedIns
android打开小屏登录画面,Android炫酷登录界面
weixin_33269743的博客
05-25 592
来看一波图片吧CoverEyeLogin.gif动画效果介绍1.当用户输入用户名时，小猫头鹰的眼睛是没有被捂住的2.当用户输入密码时，小猫头鹰会用手捂住眼睛3.如果用户名和密码都已经输入完毕，登录按钮会变成蓝色4.调用第三方包来进行背景的虚化目录结构代码部分MainActivityimport androidx.appcompat.app.AppCompatActivity;import andr...
图片点击放大 松开缩小
Zyy_921的博客
01-18 363
权限            依赖//imageLoader    compile 'com.google.code.gson:gson:2.8.2'    //gson    compile 'com.squareup.okhttp3:okhttp:3.6.0'    //okhttp    compile 'com.squareup.okio:okio:1.11.0'    compile 'c
android vector矢量图画图详解
小鬼不离
05-08 8206
SVG是一种矢量图格式，是Scalable Vector Graphics三个单词的首字母缩写。在xml文件中的标签是，画出的图形可以像一般的图片资源使用，例子如下： vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="
ViewPager实现与小圆点联动，并且实现自动轮播
weixin_30360497的博客
04-17 136
1.activity_main.xml <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" ...
Can't process attribute android:fillColor="@color/gray"，添加vector属性报错解决方法
meixi_android的博客
04-19 1305
Android studio添加vector属性文件报错 vector属性文件 <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportHeight="...
自定义view无限轮播—— Banner
Striver_zhq的博客
12-03 355
依赖：compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5' 首先创建一个MyBanner自定义类 package bwie.com.week1_1510d; import android.content.Context; import android.content.Intent;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值