基于RollPagerView实现图片轮播功能
来源:互联网 发布:淘宝充值未到账怎么办 编辑:程序博客网 时间:2024/06/05 20:04
前言
各大电商app,新闻类app均有图片轮播的功能,自己写代码可以通过viewpager来实现,但实现起来非常不方便,要写一堆的代码。然而,业界有很多第三方的组件可以实现轮播的功能,何必自己再造车轮子?下面介绍如何基于RollPagerView实现图片轮播效果。
步骤
gradle中导入包
增加:compile ‘com.jude:rollviewpager:1.2.9’
dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) testCompile 'junit:junit:4.12' compile 'com.android.support:appcompat-v7:23.4.0' compile 'com.jude:rollviewpager:1.2.9'}
添加后执行下 Sync Now即可。
编写布局文件
<!--图片轮播组件--> <com.jude.rollviewpager.RollPagerView android:id="@+id/rollPV" android:layout_width="match_parent" android:layout_height="220dp"> </com.jude.rollviewpager.RollPagerView>
java代码实现
package bingo.splashdemo;import android.graphics.Color;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.Toast;import com.jude.rollviewpager.OnItemClickListener;import com.jude.rollviewpager.RollPagerView;import com.jude.rollviewpager.adapter.StaticPagerAdapter;import com.jude.rollviewpager.hintview.ColorPointHintView;public class SecondActivity extends AppCompatActivity { private RollPagerView rollPV = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_second); rollPV = (RollPagerView) findViewById(R.id.rollPV); //设置每个图片的切换时间 rollPV.setPlayDelay(3000); //设置图片切换动画时间 rollPV.setAnimationDurtion(500); //设置指示器: //rollPV.setHintView(new IconHintView()); //rollPV.setHintView(new IconHintView(this,R.mipmap.ic_launcher,R.mipmap.ic_launcher)); rollPV.setHintView(new ColorPointHintView(this, getResources().getColor(R.color.colorPrimary), Color.WHITE)); //设置适配器 rollPV.setAdapter(new RollPagerAdapter()); //设置每一个图片的点击事件 rollPV.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(int position) { Toast.makeText(SecondActivity.this, "点击了图片"+position, Toast.LENGTH_SHORT).show(); } }); } //图片资源 private int images[] = { R.drawable.img1, R.drawable.img2, R.drawable.img3, R.drawable.img4 }; //适配器 private class RollPagerAdapter extends StaticPagerAdapter { @Override public View getView(ViewGroup container, int position) { ImageView view=new ImageView(container.getContext()); //设置图片资源 view.setImageResource(images[position]); //设置高度和宽度 view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); //设置拉伸方式 view.setScaleType(ImageView.ScaleType.CENTER_CROP); return view; } @Override public int getCount() { return images.length; } }}
效果
1 0
- 基于RollPagerView实现图片轮播功能
- 基于RollPagerView实现图片轮播功能
- UniversaLimageloader加RollPagerView实现网络加载圆角图片轮播
- rollPagerView (图片轮播控件)和kenBurnsView(图片自动缩放控件)
- AndroidViewPager实现下划线图片轮播功能
- 图片轮播的功能实现
- 图片轮播--基于JS数组实现
- 图片轮播功能
- 自动轮播RollPagerView
- 自动轮播RollPagerView
- javascript 超简单代码实现图片轮播功能
- html js简单实现图片轮播功能
- 基于JQuery的实现图片轮播效果(焦点图)
- 基于Bootstrap框架的图片轮播实现
- 实现图片轮播
- 实现图片轮播
- 图片轮播实现
- jQuery 实现图片轮播
- 链表(10月3号学习总结)
- POJ 1523 SPF(无向图求割点,去割点形成子图数)
- 简单的多线程数据传输
- usaco 1.1 PROB Greedy Gift Givers 解题报告
- Java-获取网络资源大小
- 基于RollPagerView实现图片轮播功能
- Redis 一:Linux下 安装Redis并配置服务
- Java + 对象的聚合例子(计算三角形、圆形的面积)
- 用递归函数实现字符串反向输出
- PHP Webservice简单实例
- core_animation_lesson0
- 网易邮箱的JS插件被AdBlock广告屏蔽插件拦截,导致无法显示邮件图片
- My SQL为列增加约束的几种形式
- (类型*)