Android编程如何实现类似天气预报图文字幕垂直滚动效果
小编给大家分享一下Android编程如何实现类似天气预报图文字幕垂直滚动效果，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
创新互联是一家专业提供泽普企业网站建设,专注与成都做网站、网站建设、外贸营销网站建设、H5网站设计、小程序制作等业务。10年已为泽普众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
在很多天气或者新闻的应用中，我们都能看到一些字幕滚动的效果，最简单的实现为跑马灯效果,用系统提供的属性即可实现. 复杂一些的就需要自己去用自定义控件实现. 比如 让TextView 实现垂直滚动. 这里我要讲的是垂直滚动的字幕效果，并且内容并不仅为文字，还可以加入图片或者其他元素. 废话不多说，还是直接上效果图:
首先还是看一下核心的实现:
目前我的做法是重写了ScrollView,对外提供几个重要的方法：
isScrolled()方法判断当前是否为滚动状态setScrolled(boolean flag)设置滚动的开关setPeriod(long period)设置从开始滚动到结束的时间setSpeed(long speed)设置滚动的速度
下面说一些需要注意的地方:
1.由于是定时操作,所以需要在Activity的对应生命周期进行处理: 当界面由不可见到可见时，设置setScrolled(true)打开滚动开关,由可见到不可见时，setScrolled(false)关闭开关
2. 可根据自己需要调用setPeriod(long period)和setSpeed(long speed)控制滚动的速度
3. 由于是ScrollView实现的，中间放置的内容同ScrollView,不仅仅可以设置文字，还可以添加图片等其他元素，实现复杂的UI
4. 图文混排, 目前这个DEMO我还没做细致处理. 最主要的部分就是文字的处理,需要考虑中英文,全角半角,字体大小，段落处理,计算对应的字符宽高等进行排版
图片等资源处理的部分就相对要简单，主要处理分辨率与计算宽高
关于这些部分，之后我会慢慢做细致讲解.
这个Demo是我临时写的，UI和图文混排包括具体的滚动部分处理都相对简单，大家可以在这个例子的基础上进行扩展,根据需求做出自己想要的效果:
demo示例代码点击此处本站下载。
下面是对应的代码:
首先是自定义View:
package com.tony.autoscroll;
import android.content.Context;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ScrollView;
/**
* @author Tony
*
*/
public class AutoScrollView extends ScrollView {
private final Handler handler = new Handler();
private long duration = 50;
private boolean isScrolled = false;
private int currentIndex = 0;
private long period = 1000;
private int currentY = -1;
private double x;
private double y;
private int type = -1;
/**
* @param context
*/
public AutoScrollView(Context context) {
this(context, null);
}
/**
* @param context
* @param attrs
*/
public AutoScrollView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
/**
* @param context
* @param attrs
* @param defStyle
*/
public AutoScrollView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public boolean onTouchEvent(MotionEvent event) {
int Action = event.getAction();
switch (Action) {
case MotionEvent.ACTION_DOWN:
x=event.getX();
y=event.getY();
if (type == 0) {
setScrolled(false);
}
break;
case MotionEvent.ACTION_MOVE:
double moveY = event.getY() - y;
double moveX = event.getX() - x;
if ((moveY>20||moveY<-20) && (moveX < 50 || moveX > -50) && getParent() != null) {
getParent().requestDisallowInterceptTouchEvent(true);
}
break;
case MotionEvent.ACTION_UP:
if (type == 0) {
currentIndex = getScrollY();
setScrolled(true);
}
break;
default:
break;
}
return super.onTouchEvent(event);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent p_event)
{
return true;
}
/**
* 判断当前是否为滚动状态
*
* @return the isScrolled
*/
public boolean isScrolled() {
return isScrolled;
}
/**
* 开启或者关闭自动滚动功能
*
* @param isScrolled true为开启，false为关闭
*/
public void setScrolled(boolean isScrolled) {
this.isScrolled = isScrolled;
autoScroll();
}
/**
* 获取当前滚动到结尾时的停顿时间，单位：毫秒
*
* @return the period
*/
public long getPeriod() {
return period;
}
/**
* 设置当前滚动到结尾时的停顿时间，单位：毫秒
*
* @param period
* the period to set
*/
public void setPeriod(long period) {
this.period = period;
}
/**
* 获取当前的滚动速度，单位：毫秒，值越小，速度越快。
*
* @return the speed
*/
public long getSpeed() {
return duration;
}
/**
* 设置当前的滚动速度，单位：毫秒，值越小，速度越快。
*
* @param speed
* the duration to set
*/
public void setSpeed(long speed) {
this.duration = speed;
}
public void setType(int type){
this.type = type;
}
private void autoScroll() {
handler.postDelayed(new Runnable() {
@Override
public void run() {
boolean flag = isScrolled;
if (flag) {
if (currentY == getScrollY()) {
try {
Thread.sleep(period);
} catch (InterruptedException e) {
e.printStackTrace();
}
currentIndex = 0;
scrollTo(0, 0);
handler.postDelayed(this, period);
} else {
currentY = getScrollY();
handler.postDelayed(this, duration);
currentIndex++;
scrollTo(0, currentIndex * 1);
}
} else {
//currentIndex = 0;
//scrollTo(0, 0);
}
}
}, duration);
}
}MainActivity:
package com.tony.autoscroll;
import com.example.testautoscroll.R;
import android.os.Bundle;
import android.app.Activity;
/**
* link: blog.csdn.net/t12x3456
* @author Tony
*
*/
public class MainActivity extends Activity {
private AutoScrollView scrollView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
scrollView = (AutoScrollView) findViewById(R.id.auto_scrollview);
}
@Override
protected void onStart() {
// TODO Auto-generated method stub
if(!scrollView.isScrolled()){
scrollView.setScrolled(true);
}
super.onStart();
}
@Override
protected void onStop() {
// TODO Auto-generated method stub
if(scrollView.isScrolled()){
scrollView.setScrolled(false);
}
super.onStop();
}
}看完了这篇文章，相信你对“Android编程如何实现类似天气预报图文字幕垂直滚动效果”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
分享文章：Android编程如何实现类似天气预报图文字幕垂直滚动效果
文章来源：http://mswzjz.cn/article/jdocih.html