Android如何实现文字垂直滚动、纵向走马灯效果的实现方式-创新互联
这篇文章将为大家详细讲解有关Android如何实现文字垂直滚动、纵向走马灯效果的实现方式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联公司是一家专业提供武山企业网站建设,专注与做网站、成都网站设计、H5开发、小程序制作等业务。10年已为武山众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
方法一、使用系统控件ViewFlipper方式:
布局文件:
背景文件:warning_bg.xml
切入动画:slide_in_bottom.xml
切出动画:slide_out_top.xml
注意:如果不在布局文件里设置: android:autoStart="true", 可以在代码中动态设置开始循环mViewFlipper.startFlipping();
在Activity中显示正常,但在fragment中可能会有重影的现象。
方法二、使用三方框架
Gradle:
compile 'com.sunfusheng:marqueeview:1.3.3'
属性
XML
设置字符串列表数据
MarqueeView marqueeView = (MarqueeView) findViewById(R.id.marqueeView); Listinfo = new ArrayList<>(); info.add("11111111111111"); info.add("22222222222222"); info.add("33333333333333"); info.add("44444444444444"); info.add("55555555555555"); info.add("66666666666666"); marqueeView.startWithList(info); // 在代码里设置自己的动画 marqueeView.startWithList(info, R.anim.anim_bottom_in, R.anim.anim_top_out);
设置字符串数据
String notice = "心中有阳光,脚底有力量!心中有阳光,脚底有力量!心中有阳光,脚底有力量!"; marqueeView.startWithText(notice); // 在代码里设置自己的动画 marqueeView.startWithText(notice, R.anim.anim_bottom_in, R.anim.anim_top_out);
设置事件监听
marqueeView.setOnItemClickListener(new MarqueeView.OnItemClickListener() { @Override public void onItemClick(int position, TextView textView) { Toast.makeText(getApplicationContext(), String.valueOf(marqueeView1.getPosition()) + ". " + textView.getText(), Toast.LENGTH_SHORT).show(); } });
重影问题可参考以下解决方案
@Override public void onStart() { super.onStart(); marqueeView.startFlipping(); } @Override public void onStop() { super.onStop(); marqueeView.stopFlipping(); }
注意:这个库主要还是继承了ViewFlipper,类似的库还有MarqueeViewLibrary,实现方法基本类似,在Activity中显示正常,但在fragment中可能会有重影的现象。
方法三、使用系统控件TextSwitcher实现
布局文件
背景文件:warning_bg.xml
代码:
private int index = 0;//textview上下滚动下标 private Handler handler = new Handler(); private boolean isFlipping = false; // 是否启用预警信息轮播 private ListmWarningTextList = new ArrayList<>(); private void setTextSwitcher() { mTextSwitcher.setInAnimation(AnimationUtils.loadAnimation(mContext, R.anim.slide_in_bottom)); mTextSwitcher.setOutAnimation(AnimationUtils.loadAnimation(mContext, R.anim.slide_out_top)); mTextSwitcher.setFactory(new ViewSwitcher.ViewFactory() { @Override public View makeView() { TextView textView = new TextView(mContext); textView.setSingleLine(); textView.setTextSize(12);//字号 textView.setTextColor(Color.parseColor("#ffffff")); textView.setEllipsize(TextUtils.TruncateAt.MIDDLE); textView.setSingleLine(); textView.setGravity(Gravity.CENTER); FrameLayout.LayoutParams params = new FrameLayout.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); params.gravity = Gravity.CENTER; textView.setLayoutParams(params); textView.setPadding(25, 0, 25, 0); return textView; } }); } private Runnable runnable = new Runnable() { @Override public void run() { if (!isFlipping) { return; } index++; mTextSwitcher.setText(mWarningTextList.get(index % mWarningTextList.size())); if (index == mWarningTextList.size()) { index = 0; } startFlipping(); } }; //开启信息轮播 public void startFlipping() { if (mWarningTextList.size() > 1) { handler.removeCallbacks(runnable); isFlipping = true; handler.postDelayed(runnable, 3000); } } //关闭信息轮播 public void stopFlipping() { if (mWarningTextList.size() > 1) { isFlipping = false; handler.removeCallbacks(runnable); } } //设置数据 private void setData() { if (mWarningTextList.size() == 1) { mTextSwitcher.setText(mWarningTextList.get(0)); index = 0; } if (mWarningTextList.size() > 1) { handler.postDelayed(new Runnable() { @Override public void run() { mTextSwitcher.setText(mWarningTextList.get(0)); index = 0; } }, 1000); mTextSwitcher.setInAnimation(AnimationUtils.loadAnimation(mContext, R.anim.slide_in_bottom)); mTextSwitcher.setOutAnimation(AnimationUtils.loadAnimation(mContext, R.anim.slide_out_top)); startFlipping(); } } @Override public void onResume() { super.onResume(); startFlipping(); } @Override public void onStop() { super.onStop(); stopFlipping(); }
切入动画:slide_in_bottom.xml
切出动画:slide_out_top.xml
注意:这种方法在Activity和Fragment中均使用正常,可以解决Android文字垂直滚动、纵向走马灯在Fragment中重叠的现象。
关于“Android如何实现文字垂直滚动、纵向走马灯效果的实现方式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
分享文章:Android如何实现文字垂直滚动、纵向走马灯效果的实现方式-创新互联
文章链接:http://hbruida.cn/article/cceice.html