android 标签左右滑动效果

最新推荐文章于 2021-05-26 02:29:56 发布
最新推荐文章于 2021-05-26 02:29:56 发布
阅读量596 收藏
点赞数
分类专栏： android 进阶

/**      
 * * 定义从右侧退出时的动画效果     
 *  * @return      
 *  */
public class AnimationUtil {
 
 public static Animation outToRightAnimation(Context context) {         
    Animation outtoRight = null;
    outtoRight = AnimationUtils.loadAnimation(context, R.anim.out_right);
    outtoRight.setInterpolator(new AccelerateInterpolator());         
    return outtoRight;     
 }
   /**      
    * * 定义从右侧进入的动画效果      
    * * @return      
    * */     
 public static Animation inFromRightAnimation(Context context) {         
    Animation inFromRight = null;
    inFromRight = AnimationUtils.loadAnimation(context, R.anim.in_right);
    inFromRight.setInterpolator(new AccelerateInterpolator());         
    return inFromRight;     
   }        
   /**      
    * * 定义从左侧退出的动画效果    
    *   * @return      
    *   */     
  public static Animation outToLeftAnimation(Context context) {         
    Animation outtoLeft = null;
    outtoLeft = AnimationUtils.loadAnimation(context, R.anim.out_left);
    outtoLeft.setInterpolator(new AccelerateInterpolator());         
    return outtoLeft;     
   }        
   /**      
    * * 定义从左侧进入的动画效果      
    * * @return      
    * */     
   public static Animation inFromLeftAnimation(Context context) {         
    Animation inFromLeft = null;
    inFromLeft = AnimationUtils.loadAnimation(context, R.anim.in_left);
    inFromLeft.setInterpolator(new AccelerateInterpolator());         
    return inFromLeft;     
   }  
   /**      
    * * 定义从左侧进入的动画效果      
    * * @return      
    * */     
   public static Animation startTransform(Context context,int from_x,int to_x) {         
   
    TranslateAnimation ta = new TranslateAnimation(from_x, to_x, 0, 0);
    ta.setDuration(400);
    ta.setFillAfter(true);
    return ta;     
   }  
}

/****实现类****/

/**
 * 标签
 * ***/
public class ViewflipperTestActivity extends Activity implements OnTouchListener,OnGestureListener,OnClickListener{
   private ViewFlipper mFlipper;     
   private TextView textView_1 = null;
   private TextView textView_2 = null;
   private TextView textView_3 = null;
  
   private RelativeLayout relativeLayout_1;
   private RelativeLayout relativeLayout_2;
   private RelativeLayout relativeLayout_3;
   private RelativeLayout root_title;
  
   private
   GestureDetector mGestureDetector;     
   private static final int FLING_MIN_DISTANCE = 100;     
   private static final int FLING_MIN_VELOCITY = 200; 
  
  
   //得到之前的左边与 屏幕左边缘的距离
   private int from_left = 0;
   private int to_left = 0;
  
   private TextView curr_view = null;
  
   private boolean isFirst = true;
   ImageView iv_bg = null;
   @Override     
   public void onCreate(Bundle savedInstanceState) {         
    super.onCreate(savedInstanceState);         
    setContentView(R.layout.main);         
    initElements();
   }
   private void initElements(){
   
    textView_1 = (TextView) findViewById(R.id.textView_1);
   
    textView_2 = (TextView) findViewById(R.id.textView_2);
    textView_3 = (TextView) findViewById(R.id.textView_3);
   
    textView_1.setOnClickListener(this);
    textView_2.setOnClickListener(this);
    textView_3.setOnClickListener(this);
    root_title = (RelativeLayout) findViewById(R.id.root_title);
    relativeLayout_1 = (RelativeLayout) findViewById(R.id.relativeLayout_1);
    relativeLayout_2 = (RelativeLayout) findViewById(R.id.relativeLayout_2);
    relativeLayout_3 = (RelativeLayout) findViewById(R.id.relativeLayout_3);
    mFlipper = (ViewFlipper) findViewById(R.id.viewflipper);
    //注册一个用于手势识别的类         
    mGestureDetector = new GestureDetector(this);
  //给mFlipper设置一个listener         
    mFlipper.setOnTouchListener(this);         
    //允许长按住ViewFlipper,这样才能识别拖动等手势        
    mFlipper.setLongClickable(true);
   
    //为默认显示在第一个上面
    iv_bg = new ImageView(this);
    iv_bg.setImageDrawable(getResources().getDrawable(R.drawable.topbar_select));
   
   
    RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    lp.addRule(RelativeLayout.CENTER_HORIZONTAL,RelativeLayout.TRUE);
    relativeLayout_1.addView(iv_bg,lp);
   
    curr_view = textView_1;
   
   
   
   }
 @Override
 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
   float velocityY) {
  if (e1.getX() - e2.getX() > FLING_MIN_DISTANCE&& Math.abs(velocityX) > FLING_MIN_VELOCITY) {             
     // 当像左侧滑动的时候            
     //设置View进入屏幕时候使用的动画   
   //或者直接：mFlipper.setInAnimation(getApplicationContext(), R.anim.in_left); add by 午夜凶林
     next();
     if(curr_view == textView_1){
      move(textView_2);
     }else if(curr_view == textView_2){
      move(textView_3);
     }else if(curr_view == textView_3){
      move(textView_1);
     }
    } else if (e2.getX() - e1.getX() > FLING_MIN_DISTANCE && Math.abs(velocityX) > FLING_MIN_VELOCITY) {      
     // 当像右侧滑动的时候             
     previous();
     if(curr_view == textView_1){
      move(textView_3);
     }else if(curr_view == textView_2){
      move(textView_1);
     }else if(curr_view == textView_3){
      move(textView_2);
     }
    }         
    return false;
 }
 @Override
 public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
   float distanceY) {
  // TODO Auto-generated method stub
  return false;
 }
 @Override
 public void onLongPress(MotionEvent e) {
  // TODO Auto-generated method stub
  
 }
 @Override
 public boolean onTouch(View v, MotionEvent event) {
  return mGestureDetector.onTouchEvent(event);
 }
 @Override
 public boolean onSingleTapUp(MotionEvent e) {
  // TODO Auto-generated method stub
  return false;
 }
 @Override
 public boolean onDown(MotionEvent e) {
  // TODO Auto-generated method stub
  return false;
 }
 @Override
 public void onShowPress(MotionEvent e) {
  // TODO Auto-generated method stub
  
 }
 @Override
 public void onClick(View v) {
  switch (v.getId()) {
  case R.id.textView_1:
   move(textView_1);
   mFlipper.setDisplayedChild(0);
   break;
  case R.id.textView_2:
   move(textView_2);
   mFlipper.setDisplayedChild(1);
   break;
  case R.id.textView_3:
   move(textView_3);
   mFlipper.setDisplayedChild(2);
   break;

  default:
   break;
  }
  
 }
 //得到该 textView 与屏幕左边缘的距离
 private int getLeft(TextView tv){
  int width = tv.getWidth();
  int bg_width = iv_bg.getWidth();
  int middle = tv.getLeft() + ((RelativeLayout)tv.getParent()).getLeft()+width/2;
  int left = middle - bg_width/2;
  return left;
 }
 private void move(TextView tv){
  if(tv != curr_view){
   if(isFirst){
    from_left = getLeft(textView_1);
    isFirst = false;
    changeParent();
    move(tv);
   }else{
    to_left = getLeft(tv);
    //iv_bg.startAnimation(AnimationUtil.startTransform(getApplicationContext(), from_left, to_left));
    TranslateAnimation animation = new TranslateAnimation(from_left, to_left, 0, 0);
    animation.setDuration(400);
    animation.setFillAfter(true);
    iv_bg.bringToFront();
    iv_bg.startAnimation(animation);
    
    //fly
    mFlipper.setNextFocusDownId(R.id.relativeLayout_3);
    mFlipper.setNextFocusRightId(R.id.relativeLayout_3);
    curr_view = tv;
    from_left = to_left;
   }
  }
 }
 private void changeParent(){
  int width = iv_bg .getWidth();
  int height = iv_bg.getHeight();
  
  RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(width, height);
  
  int left = ((RelativeLayout)iv_bg.getParent()).getLeft();
  
  lp.leftMargin = left;
  relativeLayout_1.removeView(iv_bg);
  root_title.addView(iv_bg,lp);
  
 }
 @Override
 public void onDetachedFromWindow() {
  try {
  super.onDetachedFromWindow();
  }
  catch (IllegalArgumentException e) {
   mFlipper.stopFlipping();
  }
 }
 private void next(){
  mFlipper.setInAnimation(AnimationUtil.inFromRightAnimation(getApplicationContext()));             
    //设置View退出屏幕时候使用的动画             
    mFlipper.setOutAnimation(AnimationUtil.outToLeftAnimation(getApplicationContext()));   
    mFlipper.showNext();         
 }
 private void previous(){
   mFlipper.setInAnimation(AnimationUtil.inFromLeftAnimation(getApplicationContext()));             
    mFlipper.setOutAnimation(AnimationUtil.outToRightAnimation(getApplicationContext()));             
    mFlipper.showPrevious();        
 }

}

 

定义title.xml文件

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/root_title"
    android:background="@drawable/bg_title"
    >
    <LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal"
     android:gravity="center"
        >
        <RelativeLayout
            style="@style/relativeLayout"
            android:id="@+id/relativeLayout_1"
            >
     <TextView
         style="@style/textView_title"
         android:text="第1幅图"
         android:id="@+id/textView_1"
         android:layout_centerInParent="true"
         />
        </RelativeLayout>
        <RelativeLayout
            style="@style/relativeLayout"
            android:id="@+id/relativeLayout_2"
            >
     <TextView
         style="@style/textView_title"
         android:text="第2幅图"
         android:id="@+id/textView_2"
         android:layout_centerInParent="true"
         />
        </RelativeLayout>
        <RelativeLayout
            style="@style/relativeLayout"
            android:id="@+id/relativeLayout_3"
            >
     <TextView
         style="@style/textView_title"
         android:text="第3幅图"
         android:id="@+id/textView_3"
         android:layout_centerInParent="true"
         />
        </RelativeLayout>
    </LinearLayout>

</RelativeLayout>

 

定义main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <include layout="@layout/title"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        />
    <ViewFlipper
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/viewflipper"
        android:layout_weight="1"
        >
          <!-- 第一个页面 -->
  <include  layout="@layout/first_linearlayout"/>
  <!-- 第二个页面 -->
  <include  layout="@layout/second_linearlayout"/>
  <!-- 第三个页面 -->
  <include  layout="@layout/third_linearlayout"/>
    </ViewFlipper>
   
</LinearLayout>

 

别介意
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android手势滑动——左右滑动效果实现
李峰峰的博客
06-22 644
/** * 手势监听 * * @author lifengfeng * */ public class MainActivity extends Activity implements OnTouchListener, OnGestureListener { // 创建一个用于识别收拾的GestureDetector对象 @SuppressWarnings("deprecat
Android实现左右滑动的指引效果
游戏盒子
03-18 1372
在一般情况下，Android左右滑动的指引效果是指在应用第一次启动时，会显示一些帮助界面，用户可通过手指左右滑动来了解应用信息。当用户滑动到最后一页时，可通过点击进入游戏应用。如下图所示： 直接上代码，布局文件如下： activivty_guide_view_01.xml <RelativeLayout xmlns:android="http://schemas.android.c
Android实现可定制可滑动的标签栏的代码例子
04-09
Android实现可定制可滑动的标签栏的代码例子。用来演示结合FragmentTabHost和ViewPager实现实现可定制可滑动的底部标签栏Tabbar的功能。
Android 之TabWidget：选卡标签可以滚动
weixin_43993913的博客
09-17 297
import android.app.TabActivity; import android.os.Bundle; import android.util.DisplayMetrics; import android.widget.TabHost; import android.widget.TabWidget; public class MainActivity extends TabActi...
Android应用开发：搞定带标签滑动界面
热门推荐
Feed Technology
07-15 1万+
首先介绍需要用到的库 库名 来源 android-support-v4 Android SDK PagerSlidingTabStrip https://github.com/astuetz/PagerSlidingTabStrip 用v4是需要用到他的ViewPager以及Fragment，而PagerSlidingTabStri
android 添加左右滑屏手势
04-02 1951
今天要在自己的项目中添加左右滑动，实现日期的加减（原来已经做了加减按键）。滑动在一个中间的layout中进行 思路：添加左右划屏幕判断，得到判断后模拟加减按键按下。 模拟按键按下用 mbotton.performClick(); 方法 划屏幕方法  使用 GestureDetector 手势监测类。 实现： 实现接口：OnTouchListener, OnGe
Android TabLayout 分分钟打造一个滑动标签页
滴水穿石，点石为金
08-10 3627
Android Design包中的TabLayout控件
android 滑动标签框架,Android实现网易严选标签栏滑动效果
weixin_28811007的博客
05-26 398
Android实现网易严选标签栏滑动效果发布时间：2020-10-13 00:13:46来源：脚本之家阅读：85作者：wlkdb标签栏是一个非常常见的控件，似乎也是一个比较简单的控件，但如果在标签下方加个下划线的话，就还是可以玩出挺多花来的。网易严选的标签栏就做的很不错，里面隐藏着诸多细节：手动滑动页面，下划线会跟着滑动。选择一个标签后，下划线会有滑动过去的动画。选择最左端或最右端的标签，标签栏会...
Android_Anim_左右滑动效果.zip
05-28
在Android开发中，动画（Anim）是提升用户体验的重要一环，尤其在实现界面交互时，如左右滑动效果。这个名为"Android_Anim_左右滑动效果.zip"的压缩包文件包含了一系列XML文件，用于实现Android应用中的滑动切换效果...
android 实现左右滑动指引效果
04-15
在Android开发中，实现左右滑动的指引效果是一种常见的用户引导功能，主要用于向初次使用应用的用户介绍关键操作或功能。这种效果通常采用 ViewPager 或者 RecyclerView 结合自定义动画来实现，让页面在用户的手势下...
Android 自定义View结合自定义TabLayout实现顶部标签滑动效果
01-20
在Android开发中，创建具有自定义滑动效果的顶部标签是一项常见的需求，这通常涉及到对Android的`TabLayout`和`ViewPager`组件的深入理解和定制。在这个案例中，开发者通过自定义View和自定义TabLayout的组合实现了...
android 使用HorizontalScrollView 实现标题带动内容左右切屏
u012602304的博客
04-08 701
android 使用HorizontalScrollView 实现标题带动内容左右切屏 在布局中添加&lt;HorizontalScrollView&gt;标签， &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android....
【中科院1区】Matlab实现哈里斯鹰优化算法HHO-SAE实现故障诊断算法研究.rar
最新发布
09-03
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
A_Chrome_extension(mv3)_to_switch_between_differen_MapS
09-03
A_Chrome_extension(mv3)_to_switch_between_differen_MapSwitcher
C++的算法题合集.zip
09-03
c++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zipc++的算法题合集.zip
thulac：清华大学自然语言处理与社会人文计算实验室研制推出的一套中文词法分析工具包
09-03
thulac（Python实现）：清华大学自然语言处理与社会人文计算实验室研制推出的一套中文词法分析工具包 THULAC（THU Lexical Analyzer for Chinese）由清华大学自然语言处理与社会人文计算实验室研制推出的一套中文词法分析工具包，具有中文分词和词性标注功能。THULAC具有如下几个特点： 能力强。利用我们集成的目前世界上规模最大的人工分词和词性标注中文语料库（约含5800万字）训练而成，模型标注能力强大。 准确率高。该工具包在标准数据集Chinese Treebank（CTB5）上分词的F1值可达97.3％，词性标注的F1值可达到92.9％，与该数据集上最好方法效果相当。 速度较快。同时进行分词和词性标注速度为300KB/s，每秒可处理约15万字。只进行分词速度可达到1.3MB/s。
Elasticsearch的Restful风格API
09-03
Elasticsearch的Restful风格API
FSCapture-v9.6 快捷录屏
09-03
高质量录屏软件，使用方便快捷，内涵使用手册
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值