Android仿京东快报信息滚动效果

先来看看效果吧,Android仿京东快报信息滚动效果,具体内容如下

(截图效果不是很好,但是差不多出来了)

代码:

package com.test.scrolltransptoolbar;

import android.content.Context;
import android.graphics.Color;
import android.os.Handler;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.GestureDetector;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;
import android.widget.TextView;
import android.widget.ViewFlipper;

import java.util.List;

/**
 * Created by Administrator on 2017/8/31.
 */

public class JinDongKuaiBaoView extends ViewFlipper implements View.OnClickListener, View.OnTouchListener {
  private Context context;
  private List<String> mNotices;
  public final static int SCROLL_TYPE_VERTICAL = 0;
  public final static int SCROLL_TYPE_HORIZONTAL = 1;
  private GestureDetector mGestureDetector;
  public static final int FLING_MIN_DISTANCE = 80;
  public static final int FLING_MIN_VELOCITY = 120;
  private boolean isFling=false;

  public JinDongKuaiBaoView(Context context) {
    super(context);
  }

  Handler handler=new Handler();
  public JinDongKuaiBaoView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context);
  }

  private void init(Context context) {
    // mGestureDetector = new GestureDetector(new simpleGestureListener());
    this.context = context;
    // 轮播间隔时间为3s
    setFlipInterval(3000);
    // 内边距5dp
    setPadding(dp2px(5f), dp2px(5f), dp2px(5f), dp2px(5f));

     setScrollType(SCROLL_TYPE_VERTICAL);

    // setOnTouchListener(this);
  }

  private int dp2px(float dpValue) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
        dpValue,
        context.getResources().getDisplayMetrics());
  }

  public void setScrollType(int type) {
    clearAnimation();
    switch (type) {
      case SCROLL_TYPE_VERTICAL://垂直滚动动画设置
        // 设置enter和leave动画
        setInAnimation(AnimationUtils.loadAnimation(context, R.anim.notify_in));
        setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.notify_out));
        break;
      case SCROLL_TYPE_HORIZONTAL://水平滚动动画设置
        setInAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_in));
        setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_out));

        break;
      default:
        break;
    }
  }

  /**
   * 添加需要轮播展示的公告
   *
   * @param notices
   */
  public void addNotice(List<String> notices) {

    this.mNotices = notices;
    removeAllViews();
    for (int i = 0; i < mNotices.size(); i++) {
      // 根据公告内容构建一个TextView
      String notice = notices.get(i);
      TextView textView = new TextView(context);
      textView.setSingleLine();
      textView.setText(notice);
      textView.setTextSize(13f);
      textView.setEllipsize(TextUtils.TruncateAt.END);
      textView.setTextColor(Color.parseColor("#666666"));
      textView.setGravity(Gravity.CENTER_VERTICAL);
      // 将公告的位置设置为textView的tag方便点击是回调给用户
      textView.setTag(i);
       textView.setOnClickListener(this);
      // 添加到ViewFlipper
      JinDongKuaiBaoView.this.addView(textView, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT));
    }
  }

  @Override
  public void onClick(View v) {
    int position = (int) v.getTag();
    String notice = (String) mNotices.get(position);
    if (mOnNoticeClickListener != null) {
      mOnNoticeClickListener.onNotieClick(position, notice);
    }
  }

//  private void ToRightAnimation() {
//    clearAnimation();
//    setInAnimation(AnimationUtils.loadAnimation(context, R.anim.right_notify_in));
//    setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.right_notify_out));
//  }
//
//  private void ToLeftAnimation() {
//    clearAnimation();
//    setInAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_in));
//    setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_out));
//  }

  @Override
  public boolean onTouch(View v, MotionEvent event) {
    mGestureDetector.onTouchEvent(event);
    return true ;
  }

  /**
   * 通知点击监听接口
   */
  public interface OnNoticeClickListener {
    void onNotieClick(int position, String notice);
  }

  private OnNoticeClickListener mOnNoticeClickListener;

  /**
   * 设置通知点击监听器
   *
   * @param onNoticeClickListener 通知点击监听器
   */
  public void setOnNoticeClickListener(OnNoticeClickListener onNoticeClickListener) {
    mOnNoticeClickListener = onNoticeClickListener;
  }

//  private class simpleGestureListener extends GestureDetector.SimpleOnGestureListener {
//    @Override
//    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
//      isFling=true;
//      if (e1.getX() - e2.getX() > FLING_MIN_DISTANCE
//          && Math.abs(velocityX) > FLING_MIN_VELOCITY) {
//        // 当像左侧滑动的时候
//        //设置View进入屏幕时候使用的动画
//        //设置View退出屏幕时候使用的动画
//         ToLeftAnimation();
//        showNext();
//      } else if (e2.getX() - e1.getX() > FLING_MIN_DISTANCE
//          && Math.abs(velocityX) > FLING_MIN_VELOCITY) {
//        // 当像右侧滑动的时候
//        ToRightAnimation();
//        showPrevious();
//      }
//      handler.postDelayed(new Runnable() {
//        @Override
//        public void run() {
//          startFlipping();
//        }
//      },0);
//
//      return true;
//    }
//  }
}

注释掉的内容可以不用管,那是我做其他调试用的

使用方式

package com.test.scrolltransptoolbar;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by Administrator on 2017/8/31.
 */
public class ViewFlipperActivity extends Activity implements JinDongKuaiBaoView.OnNoticeClickListener {

  private JinDongKuaiBaoView jinDongKuaiBaoView;
  private GestureDetector gestureDetector;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_viewflipper);
    jinDongKuaiBaoView = (JinDongKuaiBaoView) findViewById(R.id.jindongkuaibaoview);
    List<String> notices = new ArrayList<>();
    notices.add("大促销下单拆福袋,亿万新年红包随便拿");
    notices.add("家电五折团,抢十亿无门槛现金红包");
    notices.add("星球大战剃须刀首发送200元代金券");
    jinDongKuaiBaoView.setScrollType(JinDongKuaiBaoView.SCROLL_TYPE_HORIZONTAL);
    jinDongKuaiBaoView.addNotice(notices);
    jinDongKuaiBaoView.startFlipping();
    jinDongKuaiBaoView.setOnNoticeClickListener(this);

  }

  @Override
  public void onNotieClick(int position, String notice) {

    Toast.makeText(ViewFlipperActivity.this,"position"+position,Toast.LENGTH_LONG).show();
  }

}
//设置从左开始滚动还是,水平向上开始滚动
jinDongKuaiBaoView.setScrollType(JinDongKuaiBaoView.SCROLL_TYPE_HORIZONTAL);
//开始滚动的方法
jinDongKuaiBaoView.startFlipping();
// 轮播间隔时间为3s
setFlipInterval(3000);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android实现在TextView文字过长时省略部分或滚动显示的方法

    本文实例讲述了Android实现在TextView文字过长时省略部分或滚动显示的方法.分享给大家供大家参考,具体如下: TextView中有个ellipsize属性,作用是当文字过长时,该控件该如何显示,解释如下: 1.android:ellipsize="start"-–省略号显示在开头 2.android:ellipsize="end"--省略号显示在结尾 3.android:ellipsize="middle"--省略号显示在中间 4.an

  • Android实现文字滚动效果

    Android 实现文字滚动效果,自己写了个timer小计时器,textview文字上下翻动效果: public class AutoTextView extends TextSwitcher implements ViewSwitcher.ViewFactory { private float mHeight; private Context mContext; //mInUp,mOutUp分别构成向下翻页的进出动画 private Rotate3dAnimation mInUp; priva

  • Android编程实现类似天气预报图文字幕垂直滚动效果的方法

    本文实例讲述了Android编程实现类似天气预报图文字幕垂直滚动效果的方法.分享给大家供大家参考,具体如下: 在很多天气或者新闻的应用中,我们都能看到一些字幕滚动的效果,最简单的实现为跑马灯效果,用系统提供的属性即可实现. 复杂一些的就需要自己去用自定义控件实现. 比如 让TextView 实现垂直滚动. 这里我要讲的是垂直滚动的字幕效果,并且内容并不仅为文字,还可以加入图片或者其他元素. 废话不多说,还是直接上效果图: 首先还是看一下核心的实现: 目前我的做法是重写了ScrollView,对外

  • Android实现文字垂直滚动、纵向走马灯效果的实现方式汇总

    方法一.使用系统控件ViewFlipper方式: 布局文件: <ViewFlipper android:id="@+id/view_flipper" android:layout_width="300dp" android:layout_height="35dp" android:layout_centerInParent="true" android:autoStart="true" android

  • Android仿京东快报信息滚动效果

    先来看看效果吧,Android仿京东快报信息滚动效果,具体内容如下 (截图效果不是很好,但是差不多出来了) 代码: package com.test.scrolltransptoolbar; import android.content.Context; import android.graphics.Color; import android.os.Handler; import android.text.TextUtils; import android.util.AttributeSet;

  • 仿京东快报向上滚动的实例

    实例如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <div id="

  • Android仿京东快报无限轮播效果

    我们常用的京东有一个非常好看的效果: 首页的京东快播有一个无限轮播的公告栏,先看效果: 公告内容大概每3s从中间向上滑出,同时下一条内容从底部向上滑动进入.整个过程还伴随有内容的渐变消失,动画效果很流畅. 采用ViewFlipper来实现更为简单. 看看ViewFlipper类官方注释: Simple {@link ViewAnimator} that will animate between two or more views that have been added to it. Only

  • Android仿京东金融首页头像效果

    1.介绍 看下效果图,gif录的有些卡顿,在真机上运行效果很好. 2.实现 很有意思的一个效果,原理其实很简单,就是通过监听ScrollView在Y轴的滑动距离,然后在代码中动态设置头像的位置和大小. public class MainActivity extends AppCompatActivity { private CircleImageView ivPortrait; private ObservableScrollView scrollView; private ViewGroup.

  • Android仿京东分类模块左侧分类条目效果

    本文实例为大家分享了Android仿京东左侧分类条目效果的具体代码,供大家参考,具体内容如下 import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.LinearLayout; import android.widget.ScrollView; import android.widget.TextView; import com.frame.R;

  • Android高仿京东垂直循环滚动新闻栏

    实现思路其实很简单,就是一个自定义的LinearLayout,并且textView能够循环垂直滚动,而且条目可以点击,显示区域最多显示2个条目,并且还有交替的属性垂直移动的动画效果,通过线程来控制滚动的实现. 不多说看效果: 代码实现 我们先来为控件设置自定义属性: <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="JDAdv

  • Android 仿京东商城底部布局的选择效果(Selector 选择器的实现)

    京东商城的底部布局的选择效果看上去很复杂,其实很简单,这主要是要感谢 selector 选择器,本文将讲解仿照京东商城的底部布局的选择效果,如何实现 selector 选择器,在不同的状态下,给 view 设置不同的背景. 京东商城底部布局的选择效果如下. View主要的几种状态 主要状态有8种,设置状态的代码以及相应的含义如下. android:state_pressed = "true/false" //true表示按下状态,false表示非按下状态. android:state_

  • Android仿京东分类效果

    本文实例为大家分享了Android仿京东分类效果展示的具体代码,供大家参考,具体内容如下 1.写一个fragment import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView;

  • Android仿斗鱼直播的弹幕效果

    记得之前有位朋友在我的公众号里问过我,像直播的那种弹幕功能该如何实现?如今直播行业确实是非常火爆啊,大大小小的公司都要涉足一下直播的领域,用斗鱼的话来讲,现在就是千播之战.而弹幕则无疑是直播功能当中最为重要的一个功能之一,那么今天,我就带着大家一起来实现一个简单的Android端弹幕效果. 分析 首先我们来看一下斗鱼上的弹幕效果,如下图所示: 这是一个Dota2游戏直播的界面,我们可以看到,在游戏界面的上方有很多的弹幕,看直播的观众们就是在这里进行讨论的. 那么这样的一个界面该如何实现呢?其实并

  • android仿京东商品属性筛选功能

    筛选和属性选择是目前非常常用的功能模块:几乎所有的APP中都会使用: 点击筛选按钮会弹出一个自己封装好的popupWindow,实用方法非常简单:两行代码直接显示:(当然初始化数据除外) 这里和以前用到的流式布局有些不一样:流式布局 以前使用的是单个分类,而且也没有在项目中大量实用:这个筛选功能除了数据外几乎都是从项目中Copy出来的: 整个popupWindow布局就是一个自定义的ListView,这个自定义的listview主要是控制listview的高度: 如果数据少的话就是自适应,如果数

随机推荐