Android滚动条广告实现代码示例
前言
几乎每个上线的App上面都会有个滚动条广告,滚动条广告主要以文字标题的形式存在,什么点开文章你就能赚一百万啊、看完转走这个你就能平安一生啊这样的标题,都是以标题广告的形式吸引人的,当然开个小玩笑啦,哈哈,毕竟是要赚钱的嘛,接上几个广告是正常滴~~
之前在项目中要求要做一个滚动条轮播的展示,就是在滚动条上放几条广告进行轮播。一开始知识觉得直接用TextSwitcher或者ViewSwitcher就可以了。虽然这样也能满足需求,但是项目里有好几个地方都用到了滚动条广告。如果每个地方都写一套同样的代码的话,就有点浪费了。况且代码的设计原则其中之一就是复用,所以就写了一个自定义的viewSwitcher来直接用了,当然写了自定义的,功能要求当然要完善一点。这个viewSwitcher支持我们在滚动条上自定义view。外部需要设置滚动条上自定义的布局和设置数据源。我们先看下效果图吧。
ViewSwitcher的介绍
ViewSwitcher 设置动画
ViewSwitcher 代表了视图切换组件, 本身继承了FrameLayout ,可以将多个View叠在一起 ,每次只显示一个组件,ViewSwitcher 支持指定动画效果.我们自定义ViewSwitcher的时候,当程序控制从一个View切换到另个View时,我们可以可以重写下面这两个方法来设置组件切换动画效果
setInAnimation(Animation inAnimation)
setOutAnimation(Animation outAnimation)
ViewSwitcher 设置view
给ViewSwitcher设置view的方法时是调用下面这个方法
setFactory(ViewFactory factory)
这个ViewFactory是一个接口,里面有一个makeview方法,正是通过这个方法我们构造并显示在ViewSwitcher,当然我们自定义ViewSwitcher时候,这里是传入一个布局id,这样我们就可以自由的设置显示布局啦~
/* 给viewSwitch添加显示的view,可以自由设置 外部调用
* @param layoutId
*/
public void addView(final int layoutId){
setFactory(new ViewFactory(){
@Override
public View makeView() {
return LayoutInflater.from(getContext()).inflate(layoutId,null);
}
});
}
实例介绍
实现原理还是比较简单,我们可以直接看代码,下面我们直接通过代码来介绍这个控件的使用吧
里面都有详细的注释,相信都可以看得懂。
/**
* 自由设置view的viewSwitcher
* Created by Administrator on 2017/5/13.
*/
public class CarouselView extends ViewSwitcher {
private int mCutItem;
private int loopTime;//循环时间
private MyHandler myHandler;
private ArrayList<String listString;
public CarouselView(Context context) {
this(context, null);
}
public CarouselView(Context context, AttributeSet attrs) {
super(context, attrs);
initData();
initAnimation();
}
/**
* 初始化一些变量
*/
private void initData(){
listString = new ArrayList< ();
myHandler = new MyHandler(this);
}
/**
* 给viewSwitch添加显示的view,可以自由设置,外部调用
* @param layoutId 自定义view的布局id
*/
public void addView(final int layoutId){
setFactory(new ViewFactory(){
@Override
public View makeView() {
return LayoutInflater.from(getContext()).inflate(layoutId,null);
}
});
}
/**
* 初始化进入和出去动画
*/
private void initAnimation(){
setInAnimation(AnimationUtils.loadAnimation(getContext(),R.anim.translate_in));
setOutAnimation(AnimationUtils.loadAnimation(getContext(), R.anim.translate_out));
}
/**
* 设置数据源并展示view,外部调用
* @param mList
* @param time
*/
public void upDataListAndView(ArrayList<String mList,int time){
mCutItem = 0;
loopTime = time;
if (null == mList) {
return;
}
listString.clear();
listString.addAll(mList);
updataView(mList.get(0),getCurrentView(),mCutItem);
}
/**
*展示下一条广告
*/
public void showNextView() {
if (null == listString || listString.size() < 2) {
return;
}
mCutItem = mCutItem == listString.size() - 1 ? 0 : mCutItem + 1;
updataView(listString.get(mCutItem), getNextView(),mCutItem);
showNext();
}
/**
* 启动轮播
*/
public void startLooping() {
if (null == listString || listString.size() < 2 ) {
return;
}
myHandler.removeMessages(0);
myHandler.sendEmptyMessageDelayed(0, loopTime);
}
/**
* 停止轮播
*/
public void stopLooping(){
myHandler.removeMessages(0);
}
/**
* 在当前view上设置数据
* @param text
* @param view
*/
private void updataView(String text,View view, final int mCutItem){
TextView textView = (TextView) view.findViewById(R.id.tv_carouse_text);
textView.setText(text);
textView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (null != onClickItemListener) {
onClickItemListener.onClick(mCutItem);
}
//Toast.makeText(getContext(), "你点击了第" + position + "条广告", Toast.LENGTH_SHORT).show();
}
});
}
/**
* @description 主线程Handler
* @note 因为存在定时任务,并且TextSwitcherView持有Activity的引用
* 所以这里采用弱引用,主要针对内存回收的时候Activity泄露
**/
private static class MyHandler extends Handler {
private WeakReference<CarouselView mRef;
public MyHandler(CarouselView view){
mRef = new WeakReference<CarouselView (view);
}
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
CarouselView mView = this.mRef.get();
mView.showNextView();//展示下一条广告,会调用shownext方法展示下一条广告
mView.startLooping();//启动轮播,间隔后展示下一条
}
}
OnClickItemListener onClickItemListener;
/**
* 定义一个接口回调,响应广告点击
*/
interface OnClickItemListener{
void onClick(int position);
}
public void setOnClickListener(OnClickItemListener onClickListener){
this.onClickItemListener = onClickListener;
}
}
看完了代码之后,接着我们来看一下外部的使用方法
外部使用方法
外部调用
carouselView.addView(R.layout.itemview);
carouselView.upDataListAndView(mList, 3000);
carouselView.setOnClickListener(new CarouselView.OnClickItemListener() {
@Override
public void onClick(int position) {
Toast.makeText(mContext, "你点击了第" + position + "条广告",Toast.LENGTH_SHORT).show();
}
});
itemview的布局
<?xml version="1.0" encoding="utf-8"?
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
<ImageView
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_marginLeft="10dp"
android:src="@mipmap/ic_launcher"/
<TextView
android:id="@+id/tv_carouse_text"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_weight="1"
android:gravity="center"
android:text="111"/
</LinearLayout
设置进入动画
translate_in.xml
<?xml version="1.0" encoding="utf-8"?
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/linear_interpolator"
android:duration="2000"
<translate
android:fromXDelta="0%"
android:fromYDelta="100%"
android:toXDelta="0%"
android:toYDelta="0%"/
</set
设置出去动画
translate_out.xml
<?xml version="1.0" encoding="utf-8"?
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:interpolator/linear"
android:duration="1000"
<translate
android:fromXDelta="0%"
android:fromYDelta="0%"
android:toXDelta="0%"
android:toYDelta="-100%"/
</set
结语
实现就是这样子的,外部设置view布局,不过给view布局里面的控件设置数据需要在里面调用看,具体看你设置怎么样的布局,这种可以根据布局在里面灵活控制一下。动画也是在外边自由设置。就写到这里啦
以上就是本文的全部内容,希望对大家的学习有所帮助。
- How to debug .NET Core RC2 app with Visual Studio Code on Windows?
- 难道.NET Core到R2连中文编码都不支持吗?
- .NET Core RC2发布在即,我们试着用记事本编写一个ASP.NET Core RC2 MVC程序
- matplotlib的基本用法(四)——设置legend图例
- TensorFlow深度学习笔记 文本与序列的深度模型
- 究竟哪里安全?加拿大VS中国治安大数据起底!意料之中还是之外?
- muduo网络库学习之EventLoop(四):EventLoopThread 类、EventLoopThreadPool 类
- 从小程序游戏开放可以看出,微信已经开始转移小程序战场了
- 17年AI在游戏中完胜人类,AlphaGo的下一个目标是什么?DeepMind有一个45年超越人类计划
- PHP常用的正则表达式
- ASP.NET Core管道深度剖析(3):管道是如何处理HTTP请求的?
- 浅析负载均衡的6种算法,Ngnix的5种算法
- 字符串的学习
- 【Scikit-Learn 中文文档】内核岭回归 - 监督学习 - 用户指南 | ApacheCN
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- linux sed指令详解
- Grafana使用zabbix自定义模板
- linux shell之变量的使用规则
- 第11期:压缩表
- grafana-zabbix插件安装和配置zabbix mysql
- grafana使用教程之API key
- Grafana使用教程之安装
- Java基础数据类型之包装类equals和==详解
- SCP不用密码传输文件
- Java 使用Collections.reverse对list集合进行降序排序
- Liquibase异常 mysql数据库 Cannot add foreign key constraint
- Linux获取文件最后修改时间
- Crontab脚本无法正常执行问题
- Python 输入时间字符串以分钟单位计算时间差
- Linux下执行bcp指令