小编给大家分享一下Android编程如何实现类似天气预报图文字幕垂直滚动效果，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
在很多天气或者新闻的应用中，我们都能看到一些字幕滚动的效果，最简单的实现为跑马灯效果,用系统提供的属性即可实现. 复杂一些的就需要自己去用自定义控件实现. 比如 让TextView 实现垂直滚动. 这里我要讲的是垂直滚动的字幕效果，并且内容并不仅为文字，还可以加入图片或者其他元素. 废话不多说，还是直接上效果图:
首先还是看一下核心的实现:
目前我的做法是重写了ScrollView,对外提供几个重要的方法：
isScrolled()方法判断当前是否为滚动状态setScrolled(boolean flag)设置滚动的开关setPeriod(long period)设置从开始滚动到结束的时间setSpeed(long speed)设置滚动的速度
下面说一些需要注意的地方:
由于是定时操作,所以需要在Activity的对应生命周期进行处理: 当界面由不可见到可见时，设置setScrolled(true)打开滚动开关,由可见到不可见时，setScrolled(false)关闭开关
可根据自己需要调用setPeriod(long period)和setSpeed(long speed)控制滚动的速度
由于是ScrollView实现的，中间放置的内容同ScrollView,不仅仅可以设置文字，还可以添加图片等其他元素，实现复杂的UI
图文混排, 目前这个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;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; public AutoScrollView(Context context) { this(context, null); } public AutoScrollView(Context context, AttributeSet attrs) { this(context, attrs, 0); } 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; } public boolean isScrolled() { return isScrolled; } public void setScrolled(boolean isScrolled) { this.isScrolled = isScrolled; autoScroll(); } public long getPeriod() { return period; } public void setPeriod(long period) { this.period = period; } public long getSpeed() { return duration; } 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;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编程如何实现类似天气预报图文字幕垂直滚动效果”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网行业资讯频道，感谢各位的阅读！
