- //自定义view _____VerticalMarqueeView
- public class VerticalMarqueeView extends View {
- public static final int DURATION_SCROLL = 2000;
- public static final int DURATION_ANIMATOR = 1000;
- private int color = Color.BLACK;
- private int textSize = 40;
- private String[] datas = null;
- private int width;
- private int height;
- private int centerX;
- private int centerY;
- private List<TextBlock> blocks = new ArrayList<TextBlock>(2);
- private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
- private Handler handler = new Handler();
- private boolean isStopScroll = false;
- public VerticalMarqueeView(Context context, AttributeSet attrs, int defStyleAttr){
- super(context, attrs, defStyleAttr);
- }
- public VerticalMarqueeView(Context context, AttributeSet attrs){
- super(context, attrs);
- }
- public VerticalMarqueeView(Context context){
- super(context);
- }
- public VerticalMarqueeView color(int color){
- this.color = color;
- return this;
- }
- public VerticalMarqueeView textSize(int textSize){
- this.textSize = textSize;
- return this;
- }
- public VerticalMarqueeView datas(String[] datas){
- this.datas = datas;
- return this;
- }
- public void commit(){
- if(this.datas == null || datas.length == 0){
- Log.e("VerticalMarqueeView", "the datas's length is illegal");
- throw new IllegalStateException("may be not invoke the method named datas(String[])");
- }
- paint.setColor(color);
- paint.setTextSize(textSize);
- }
- @Override
- protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
- super.onMeasure(widthMeasureSpec, heightMeasureSpec);
- if(this.datas == null || this.datas.length == 0){
- Log.e("VerticalMarqueeView", "the datas's length is illegal");
- return;
- }
- width = MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight();
- height = MeasureSpec.getSize(heightMeasureSpec) - getPaddingTop() - getPaddingBottom();
- centerX = width / 2;
- centerY = height / 2;
- blocks.clear();
- //添加显示区域的文字块
- TextBlock block1 = new TextBlock(width, height, paint);
- block1.reset(datas[0], centerX, centerY, 0);
- blocks.add(block1);
- if(datas.length > 1){
- TextBlock block2 = new TextBlock(width, height, paint);
- block2.reset(datas[1], centerX, centerY + height, 1);
- blocks.add(block2);
- }
- }
- @Override
- protected void onDraw(Canvas canvas){
- for(int i = 0; i < blocks.size(); i++){
- blocks.get(i).draw(canvas);
- }
- }
- public void startScroll(){
- isStopScroll = false;
- if(datas == null || datas.length == 0 || datas.length == 1){
- Log.e("VerticalMarqueeView", "the datas's length is illegal");
- return;
- }
- if(!isStopScroll){
- handler.postDelayed(new Runnable(){
- @Override
- public void run(){
- scroll();
- if(!isStopScroll){
- handler.postDelayed(this, DURATION_SCROLL);
- }
- }
- }, DURATION_SCROLL);
- }
- }
- public void stopScroll(){
- this.isStopScroll = true;
- }
- private void scroll(){
- ValueAnimator animator = ValueAnimator.ofPropertyValuesHolder(PropertyValuesHolder.ofInt("scrollY", centerY, centerY - height));
- animator.setDuration(DURATION_ANIMATOR);
- animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener(){
- @Override
- public void onAnimationUpdate(ValueAnimator animation){
- int scrollY = (int)animation.getAnimatedValue("scrollY");
- blocks.get(0).reset(scrollY);
- blocks.get(1).reset(scrollY + height);
- invalidate();
- }
- });
- animator.addListener(new Animator.AnimatorListener(){
- @Override
- public void onAnimationStart(Animator animation){
- }
- @Override
- public void onAnimationRepeat(Animator animation){
- }
- @Override
- public void onAnimationEnd(Animator animation){
- //移除第一块
- int position = blocks.get(1).getPosition();
- TextBlock textBlock = blocks.remove(0);
- //最后一个
- if(position == datas.length - 1){
- position = 0;
- }else{
- position ++;
- }
- textBlock.reset(datas[position], centerY + height, position);
- blocks.add(textBlock);
- invalidate();
- }
- @Override
- public void onAnimationCancel(Animator animation){
- }
- });
- animator.start();
- }
- public int getCurrentPosition(){
- if(datas == null || datas.length == 0){
- return -1;
- }
- if(datas.length == 1 && blocks.size() == 1){
- return 0;
- }
- return blocks.get(0).getPosition();
- }
- public class TextBlock {
- private int width;
- private int height;
- private String text;
- private int drawX;
- private int drawY;
- private Paint paint;
- private int position;
- public TextBlock(int width, int height, Paint paint){
- this.width = width;
- this.height = height;
- this.paint = paint;
- }
- public void reset(int centerY){
- reset(text, centerX, centerY, position);
- }
- public void reset(String text, int centerY){
- reset(text, centerX, centerY, position);
- }
- public void reset(String text, int centerY, int position){
- reset(text, centerX, centerY, position);
- }
- public void reset(String text, int centerX, int centerY, int position){
- this.text = text;
- this.position = position;
- int measureWidth = (int)paint.measureText(text);
- drawX = (width - measureWidth) / 2;
- Paint.FontMetrics metrics = paint.getFontMetrics();
- drawY = (int)(centerY + (metrics.bottom - metrics.top) / 2 - metrics.bottom);
- }
- public int getPosition(){
- return position;
- }
- public void draw(Canvas canvas){
- canvas.drawText(text, drawX, drawY, paint);
- }
- }
- }</span>
- <span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:orientation="horizontal"
- android:layout_marginLeft="10dp"
- android:layout_marginTop="10dp"
- android:layout_marginRight="10dp"
- android:background="@drawable/home_title_bar_search_corner_bg1"
- android:layout_height="30dp">
- <TextView
- android:textSize="20dp"
- android:text="京东快报:"
- android:layout_marginBottom="5dp"
- android:layout_marginLeft="10dp"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content" />
- <com.bwie.jd_zj.Zidingyi.VerticalMarqueeView
- android:layout_weight="1"
- android:id="@+id/vv"
- android:layout_width="wrap_content"
- android:layout_height="30dp" />
- <View
- android:layout_marginTop="6dp"
- android:background="#9999"
- android:layout_marginRight="17dp"
- android:layout_width="2dp"
- android:layout_height="15dp"/>
- <TextView
- android:layout_marginRight="2dp"
- android:layout_marginBottom="5dp"
- android:textSize="18dp"
- android:layout_gravity="right"
- android:text="更多"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content" />
- </LinearLayout></span>
- <span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
- <shape xmlns:android="http://schemas.android.com/apk/res/android"
- android:shape="rectangle">
- <corners android:radius="8dp"/>
- <solid android:color="@color/white"/>
- </shape></span>