HorizontalScrollView之水平滑动

原创 2016年06月01日 12:13:00

在关于水平滑动的时候就像是腾讯新闻内的专题滑动,可点击也可以滑动

首先是头一个布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <RelativeLayout
        android:id="@+id/rl_tab"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#F2F2F2" >

        <HorizontalScrollView
            android:id="@+id/mHsv"
            android:layout_width="fill_parent"
            android:layout_height="40dip"
            android:fadingEdge="none"
            android:scrollbars="none" >

            <RelativeLayout
                android:id="@+id/rl_nav"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:background="#5AB0EB" >

                <RadioGroup
                    android:id="@+id/rg_nav_content"
                    android:layout_width="fill_parent"
                    android:layout_height="38dip"
                    android:layout_alignParentTop="true"
                    android:background="#F2F2F2"
                    android:orientation="horizontal" >
                </RadioGroup>

                <ImageView
                    android:id="@+id/iv_nav_indicator"
                    android:layout_width="1dip"
                    android:layout_height="5dip"
                    android:layout_alignParentBottom="true"
                    android:background="#0f0"
                    android:contentDescription="nav_desc"
                    android:scaleType="matrix" />
            </RelativeLayout>
        </HorizontalScrollView>


        <ImageView
            android:id="@+id/iv_nav_right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:contentDescription="nav_desc"
            android:paddingBottom="1dip"
            android:src="@drawable/iv_navagation_scroll_right"
            android:visibility="visible" >
        </ImageView>
    </RelativeLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/mViewPager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_below="@id/rl_tab"
        android:layout_gravity="center"
        android:background="#ffffff"
        android:flipInterval="30"
        android:persistentDrawingCache="animation" />

</RelativeLayout>

接下来就是在activity中应用

package com.viewpager.scrollview;

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

import com.lpf.slidingmenudemo.R;
import com.viewpager.scrollview.DataBean.NewsData;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.LinearInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.RelativeLayout;

public class MainActivity extends FragmentActivity {

	private static List<NewsData> listAll = new ArrayList<NewsData>();
	static int refresh = 0;
	public static final String ARGUMENTS_NAME = "arg";
	private RelativeLayout rl_nav;
	private HorizontalScrollView mHsv;
	private RadioGroup rg_nav_content;
	private ImageView iv_nav_indicator;
	private ImageView iv_nav_right;
	private ViewPager mViewPager;
	private int indicatorWidth;
	public static String[] tabTitle = { "选项1", "选项2", "选项3", "选项4", "选项5" };	//标题
	private LayoutInflater mInflater;
	private TabFragmentPagerAdapter mAdapter;
	private int currentIndicatorLeft = 0;
	private static RefreshListView rListView;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.file);
		
	 	findViewById();
		initView();
		setListener(); 
	}

	private void setListener() {
		mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
			@Override
			public void onPageSelected(int position) {
				if(rg_nav_content!=null && rg_nav_content.getChildCount()>position){
					((RadioButton)rg_nav_content.getChildAt(position)).performClick();
				}
				
			}
			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {
			}
			@Override
			public void onPageScrollStateChanged(int arg0) {
			}
		});
		
		rg_nav_content.setOnCheckedChangeListener(new OnCheckedChangeListener() {
			
			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				
				if(rg_nav_content.getChildAt(checkedId)!=null){
					
					TranslateAnimation animation = new TranslateAnimation(
							currentIndicatorLeft ,
							((RadioButton) rg_nav_content.getChildAt(checkedId)).getLeft(), 0f, 0f);
					animation.setInterpolator(new LinearInterpolator());
					animation.setDuration(100);
					animation.setFillAfter(true);
					
					//执行位移动画
					iv_nav_indicator.startAnimation(animation);
					
					mViewPager.setCurrentItem(checkedId);	//ViewPager 跟随一起 切换
					
					//记录当前 下标的距最左侧的 距离
					currentIndicatorLeft = ((RadioButton) rg_nav_content.getChildAt(checkedId)).getLeft();
					
					 mHsv.smoothScrollTo(
							(checkedId > 1 ? ((RadioButton) rg_nav_content.getChildAt(checkedId)).getLeft() : 0) - ((RadioButton) rg_nav_content.getChildAt(2)).getLeft(), 0);
				 }
			}
		});
	}

	private void initView() {
		DisplayMetrics dm = new DisplayMetrics();
		getWindowManager().getDefaultDisplay().getMetrics(dm);
		indicatorWidth = dm.widthPixels / 4;
		LayoutParams cursor_Params = iv_nav_indicator.getLayoutParams();
		cursor_Params.width = indicatorWidth;// 初始化滑动下标的宽
		iv_nav_indicator.setLayoutParams(cursor_Params);
		//mHsv.setSomeParam(rl_nav, iv_nav_left, iv_nav_right, this);
		//获取布局填充器
		mInflater = (LayoutInflater)this.getSystemService(LAYOUT_INFLATER_SERVICE);
		//另一种方式获取
//		LayoutInflater mInflater = LayoutInflater.from(this);  
		initNavigationHSV();
		mAdapter = new TabFragmentPagerAdapter(getSupportFragmentManager());
		mViewPager.setAdapter(mAdapter);
	}

	private void initNavigationHSV() {
		rg_nav_content.removeAllViews();
		for(int i=0;i<tabTitle.length;i++){
			RadioButton rb = (RadioButton) mInflater.inflate(R.layout.nav_radiogroup_item, null);
			rb.setId(i);
			rb.setText(tabTitle[i]);
			rb.setLayoutParams(new LayoutParams(indicatorWidth,
					LayoutParams.MATCH_PARENT));
			
			rg_nav_content.addView(rb);
		}
		
	}

	private void findViewById() {
		rl_nav = (RelativeLayout) findViewById(R.id.rl_nav);
		mHsv = (HorizontalScrollView) findViewById(R.id.mHsv);
		rg_nav_content = (RadioGroup) findViewById(R.id.rg_nav_content);
		iv_nav_indicator = (ImageView) findViewById(R.id.iv_nav_indicator);
		iv_nav_right = (ImageView) findViewById(R.id.iv_nav_right);
		mViewPager = (ViewPager) findViewById(R.id.mViewPager);
	}
 
	public static class TabFragmentPagerAdapter extends FragmentPagerAdapter{

		public TabFragmentPagerAdapter(FragmentManager fm) {
			super(fm);
		}

		@Override
		public Fragment getItem(int arg0) {
			Fragment ft = null;
			switch (arg0) {
			case 0:
				ft = new LaunchUIFragment();
				break;

			default:
				ft = new CommonUIFragment();
				
				Bundle args = new Bundle();
				args.putString(ARGUMENTS_NAME, tabTitle[arg0]);
				ft.setArguments(args);
				
				break;
			}
			return ft;
		}

		@Override
		public int getCount() {
			
			return tabTitle.length;
		}
		
	}

}
其中的LaunchUIFragment和CommonUIFragment就是两个fragment布局,可以自己任意定义

使用 HorizontalScrollView 实现水平滚动,并点击有相应的反应效果

HorizontalScrollView 和 ScrollView 都是由 FrameLayout 派生出来的。它们就是一个用于为普通组件添加滚动条的组件。且 HorizontalScrollVie...
  • antimage08
  • antimage08
  • 2016年01月10日 18:53
  • 3727

Android重写HorizontalScrollView只接收水平方向上滑动的事件

一、概述最近在开发中遇到HorizontalScrollView嵌套XRecyclerView导致下拉刷新卡的情况,急横向水平滑动的View和下拉刷新的View,都在接收处理滑动事件,但是这种情况下触...
  • chenzheng8975
  • chenzheng8975
  • 2017年06月02日 10:29
  • 520

自定义HorizontalScrollView实现水平滚动导航条

核心代码: package com.liuyk.widget; import android.content.Context; import android.graphics.Color; impo...
  • u010885095
  • u010885095
  • 2017年02月06日 16:37
  • 733

如何用按钮控制循环HorizontalScrollView水平滑动

如何用按钮控制循环HorizontalScrollView水平滑动最近做了一个用按钮控制循环滚轴水平滑动的控件,在这里总结一下。要控制滑动那么先要实现一个能够循环滚动的滚轴,以下是我的思路: 首先实...
  • yujunyu12
  • yujunyu12
  • 2016年08月14日 10:42
  • 1102

Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38140505自从Gallery被谷歌废弃以后,Google推荐使用ViewPag...
  • lmj623565791
  • lmj623565791
  • 2014年07月26日 16:28
  • 188404

Android-水平滑动容器HorizontalScrollView

摘自: Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果自定义view:思想: 1、首先根据屏幕的大小和Item的大小,计算可以一...
  • sinat_31057219
  • sinat_31057219
  • 2017年07月05日 11:47
  • 152

Android HorizontalScrollView 水平滑动 在listview上面动态添加图片

Android HorizontalScrollView 水平滑动 listview 上动态添加图片 最近遇到了个 在listview展示广告的需要动态添加图片 如图: 使用了 h...
  • aaawqqq
  • aaawqqq
  • 2015年01月24日 20:39
  • 33835

Android 垂直与水平滚动条:Scrollview与HorizontalScrollView

一、ScrollView介绍  滚动视图ScrollView由FrameLayout派生而出,它的内部最多只能包含一个组件,而它的作用是为该组件添加垂直滚动条,使它可以滑动。那么我们为什么要学习Src...
  • danfengw
  • danfengw
  • 2015年09月08日 08:43
  • 2560

HorizontalScrollView水平方向滑动(嵌套GridView)

水平横向滑动: 把GridView嵌套在HorizontalScrollView里面,跟ListView,GridView写法差不多,只是水平滑动时要设置多一些参数 1、父布局 ...
  • EileenChing
  • EileenChing
  • 2015年09月03日 11:12
  • 4545

实现水平滑动,并且动态添加数据

需求就是实现如果所示的,水平滑动,但是item个数不确定。 一开始遇到,就把item独立出来,用HorizontalScrollView去实现水平滑动,在里面的子LinearLayout里面去动...
  • qq_30716173
  • qq_30716173
  • 2016年03月28日 17:34
  • 1302
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HorizontalScrollView之水平滑动
举报原因:
原因补充:

(最多只允许输入30个字)