网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

Android怎么实现垂直跑马灯效果-创新互联

这篇文章主要介绍Android怎么实现垂直跑马灯效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站拥有一支富有激情的企业网站制作团队,在互联网网站建设行业深耕10余年,专业且经验丰富。10余年网站优化营销经验,我们已为成百上千中小企业提供了成都网站设计、成都网站建设解决方案,按需网站设计,设计满意,售后服务无忧。所有客户皆提供一年免费网站维护!

在我们开发过程中,跑马灯这个功能非常实用的,在实现这个功能的时候,这个时候我们通常需要找demo来实现这个方法,我从github上面找到这个demo感觉很好用,所以就要实现了这个功能喽MarqueeView,看这个工具类,因为我找这个类的时候是没有点击事件的,所以我给它加了一个点击事件,看这个工具类

public class MarqueeView extends ViewFlipper {

 private Context mContext;
 private List notices;
 private boolean isSetAnimDuration = false;
 private int contentSize;
 private int interval = 1000;
 private int animDuration = 500;
 private int textSize = 14;
 private int textColor = 0xffffffff;
 private int gravity = Gravity.LEFT | Gravity.CENTER_VERTICAL;
 //点击事件
 private OnItemClickListener onItemClickListener;

 public MarqueeView(Context context, AttributeSet attrs) {
 super(context, attrs);
 init(context, attrs, 0);
 }

 private void init(Context context, AttributeSet attrs, int defStyleAttr) {
 this.mContext = context;
 if (notices == null) {
 notices = new ArrayList<>();
 }

 TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.MarqueeViewStyle, defStyleAttr, 0);
 interval = typedArray.getInteger(R.styleable.MarqueeViewStyle_mvInterval, interval);
 isSetAnimDuration = typedArray.hasValue(R.styleable.MarqueeViewStyle_mvAnimDuration);
 animDuration = typedArray.getInteger(R.styleable.MarqueeViewStyle_mvAnimDuration, animDuration);
 if (typedArray.hasValue(R.styleable.MarqueeViewStyle_mvTextSize)) {
 textSize = (int) typedArray.getDimension(R.styleable.MarqueeViewStyle_mvTextSize, textSize);
 textSize = DisplayUtil.px2sp(mContext, textSize);
 }
 textColor = typedArray.getColor(R.styleable.MarqueeViewStyle_mvTextColor, textColor);
 typedArray.recycle();

 setFlipInterval(interval);

 Animation animIn = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_in);
 if (isSetAnimDuration) animIn.setDuration(animDuration);
 setInAnimation(animIn);

 Animation animOut = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_out);
 if (isSetAnimDuration) animOut.setDuration(animDuration);
 setOutAnimation(animOut);
 }

 // 根据公告字符串启动轮播
 public void startWithText(final String notice) {
 if (TextUtils.isEmpty(notice)) return;
 getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
 @Override
 public void onGlobalLayout() {
 getViewTreeObserver().removeGlobalOnLayoutListener(this);
 startWithFixedWidth(notice, getWidth());
 }
 });
 }

 // 根据公告字符串列表启动轮播
 public void startWithList(List notices) {
 setNotices(notices);
 start();
 }

 // 根据宽度和公告字符串启动轮播
 private void startWithFixedWidth(String notice, int width) {
 int noticeLength = notice.length();
 int dpW = DisplayUtil.px2dip(mContext, width);
 int limit = dpW / textSize;
 if (dpW == 0) {
 throw new RuntimeException("Please set MarqueeView width !");
 }

 if (noticeLength <= limit) {
 notices.add(notice);
 } else {
 int size = noticeLength / limit + (noticeLength % limit != 0 ? 1 : 0);
 for (int i = 0; i < size; i++) {
 int startIndex = i * limit;
 int endIndex = ((i + 1) * limit >= noticeLength ? noticeLength : (i + 1) * limit);
 notices.add(notice.substring(startIndex, endIndex));
 }
 }
 start();
 }

 // 启动轮播
 public boolean start() {
 if (notices == null || notices.size() == 0) return false;
 removeAllViews();

 for (int i = 0; i < notices.size(); i++) {
 final TextView textView = createTextView(notices.get(i), i);
 final int finalI = i;
 textView.setOnClickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
  if (onItemClickListener != null) {
  onItemClickListener.onItemClick(finalI, textView);
  }
 }
 });
 addView(textView);
 }

 if (notices.size() > 1) {
 startFlipping();
 }
 return true;
 }

 // 创建ViewFlipper下的TextView
 private TextView createTextView(String text, int position) {
 TextView tv = new TextView(mContext);
 tv.setGravity(gravity);
 tv.setText(text);
 tv.setTextColor(textColor);
 tv.setTextSize(textSize);
 tv.setTag(position);
 return tv;
 }

 public List getNotices() {
 return notices;
 }

 public void setNotices(List notices) {
 this.notices = notices;
 }

 public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
 this.onItemClickListener = onItemClickListener;
 }

 public interface OnItemClickListener {
 void onItemClick(int position, TextView textView);
 }

}

这就是它实现的方式,我从中加了点击事件,所以它的用法是这样的

verticalSwitchTextView1 = (MarqueeView) rootView.findViewById(R.id.vertical_switch_textview1);
List info = new ArrayList<>();
info.add("1.能够适应多行长文本的Android TextView的例子");
info.add("2.\"科比,!");
info.add("3. GitHub帐号:zhangyuanchong");
info.add("4.\"理解的也很简单,");
info.add("5. 破解密钥");
info.add("6. 实现了两种方式");
verticalSwitchTextView1.startWithList(info);
verticalSwitchTextView1.setOnItemClickListener(new MarqueeView.OnItemClickListener() {
 @Override
 public void onItemClick(int position, TextView textView) {
 position = position + 1;
 Toast.makeText(getActivity(), "点击了" + position, Toast.LENGTH_SHORT).show();
 }
});

这样就直接实现喽,其实还是蛮简单的呢。

以上是“Android怎么实现垂直跑马灯效果”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


本文名称:Android怎么实现垂直跑马灯效果-创新互联
当前URL:http://bjjierui.cn/article/djgcso.html

其他资讯