HorizontalScrollView滑动 ViewPager切换

<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" >

<HorizontalScrollView
        android:id="@+id/sc"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none" >

<LinearLayout
            android:id="@+id/line_sc"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </LinearLayout>
    </HorizontalScrollView>

<LinearLayout
        android:id="@+id/view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/sc"
      />

<android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/view" >
    </android.support.v4.view.ViewPager>

</RelativeLayout>

package com.bwie.test;

import java.util.ArrayList;

import com.bwie.adapter.MyAdapter;
import com.bwie.fragment.F1;
import com.bwie.utils.Myutil;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Color;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.DisplayMetrics;
import android.view.Menu;
import android.view.View;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView;

public class MainActivity extends FragmentActivity {

private LinearLayout line_sc;
    private HorizontalScrollView sc;
    private String[] column = new String[] { "舍内要闻", "本社介绍", "履行职能", "自身建设",
            "社员风采", "自我介绍", "校内趣闻", "爆料" };
    private ArrayList<Fragment> list;
    private ViewPager vp;
    private int widthPixels;
    private ArrayList<TextView> list_view;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

/**
         * 获取窗口的 宽度
         */
        // 创建DisplayMetrics类对象
        DisplayMetrics dm = new DisplayMetrics();
        // 将当前窗口的一些信息放在DisplayMetrics类中
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        widthPixels = dm.widthPixels;

// 初始化数据
        init();

// 获取栏目的数据
        getColumn();

// 创建fragment数据
        setFragment();

// 为vp设置数据
        FragmentManager fm = getSupportFragmentManager();
        vp.setAdapter(new MyAdapter(fm, list));
        
        setTitle_1(vp.getCurrentItem());

// 为vp设置页面滑动监听
        vp.setOnPageChangeListener(new OnPageChangeListener() {

@Override
            public void onPageSelected(int arg0) {
                
                //设置游标
                setTitle_1(arg0);
                
                //设置滑动
                setAutoScroll(arg0);

}

@Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

}

@Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

}
        });

}

protected void setAutoScroll(int p) {
        // TODO Auto-generated method stub
        
        //获取当前要展示的游标
        TextView textView = list_view.get(p);
        //获取其宽度
        int w = textView.getMeasuredWidth();
        int left = textView.getLeft();
        int address=left-widthPixels/2;
        
        sc.smoothScrollTo(address, 0);
        
        
        
    }

private void setFragment() {

// 创建集合存放fragment对象
        list = new ArrayList<Fragment>();
        for (int i = 0; i < column.length; i++) {
            F1 f1 = new F1();

// 传值
            Bundle b = new Bundle();
            b.putInt("column", i);
            f1.setArguments(b);

// 将创建的fragment添加到集合中
            list.add(f1);
        }
    }
    private void setTitle_1(int arg0) {
        //设置当前显示的textview控件
        TextView textView = list_view.get(arg0);
        //将当前的textview显示
        textView.setVisibility(View.VISIBLE);
        
        for(int i=0;i<list_view.size();i++)
        {
            TextView tv = list_view.get(i);
            
            if(tv!=textView)
            {
                tv.setVisibility(View.GONE);
            }
        }
    }

private void getColumn() {
        // TODO Auto-generated method stub

list_view = new ArrayList<TextView>();
        for (int i = 0; i < column.length; i++) {

// 创建线性布局来整体作为水平滚动的子布局
            LinearLayout sc = new LinearLayout(MainActivity.this);
            // 设置线性布局的排列方式(垂直)
            sc.setOrientation(1);
            sc.setPadding(30, 0, 0, 0);

// 1.首先向线性布局中添加textview
            // 创建textview
            TextView tv = new TextView(MainActivity.this);
            // 为tv设置数据
            tv.setText(column[i]);
            LinearLayout.LayoutParams params = new LayoutParams(
                    widthPixels / 5, LayoutParams.WRAP_CONTENT);
            sc.addView(tv, params);

// 2.向线性布局中添加下面的横线
            TextView tv_line = new TextView(MainActivity.this);
            LinearLayout.LayoutParams params_2 = new LayoutParams(
                    widthPixels / 5, 10);
            tv_line.setBackgroundColor(Color.GRAY);
            tv_line.setVisibility(View.INVISIBLE);
            list_view.add(tv_line);
            sc.addView(tv_line, params_2);

// 将数据添加到 线性布局中
            line_sc.addView(sc);
        }

}

private void init() {
        line_sc = (LinearLayout) findViewById(R.id.line_sc);
        sc = (HorizontalScrollView) findViewById(R.id.sc);
        vp = (ViewPager) findViewById(R.id.vp);

}

}

时间: 2024-10-06 10:23:38

HorizontalScrollView滑动 ViewPager切换的相关文章

Android中ViewPager如何设置不能通过屏幕左右滑动来切换页面

//很多时候,我想禁止用户通过屏幕的左右滑动来切换界面!如何实现! //创建一个类继承viewpager,实现 onTouchEvent   和   onInterceptTouchEvent方法,都返回   false public class MyViewPagerHome extends ViewPager{         public MyViewPagerHome(Context context, AttributeSet attrs) {        super(context,

滑动ViewPager引起swiperefreshlayout刷新的冲突

ViewPager是Android中提供的页面切换的控件,SwipeRefreshLayout是Android提供的下拉刷新控件,通过SwipeRefreshLayout可以很简单的实现下拉刷新的功能,但是如果SwipeRefreshLayout的子view中如果包含了ViewPager,会发现滑动ViewPager的时候,很容易引起SwipeRefreshLayout的下拉刷新操作为了解决这个冲突可以这样实现 1 viewPager.setOnTouchListener(new View.On

Android 实现个性的ViewPager切换动画 实战PageTransformer(兼容Android3.0以下)

1.介绍如何使用setPageTransformer设置切换动画: 2.自定义PageTransformer实现个性的切换动画: 3.该方法在SDK11以下的版本不起作用,我们会对其做一定修改,让其向下兼容. 官方示例地址:http://developer.android.com/training/animation/screen-slide.html 有兴趣的可以去看看~~ 好了,下面开始编写代码~~ 2.setPageTransformer的使用 首先我们迅速的实现一个传统的ViewPage

Android ViewPager切换之PageTransformer接口中transformPage方法解析

今天让我们了解一下,Android3.0之后ViewPager切换时候的一个动画.Google给我们展示了两个动画例子:DepthPageTransformer和ZoomOutPageTransformer,代码如下: public class DepthPageTransformer implements PageTransformer { private static float MIN_SCALE = 0.75f; @SuppressLint("NewApi") @Overrid

ViewPager切换动画效果修改

比如我们点击向右按钮,希望左边的view移动过来,有个平移效果,但是用系统默认的ViewPager切换的时候,会一闪而过.这是为什么呢? 因为viewpager外面其实有个scrollview,你可以使用反射的方法,设置他的scroll时间.代码如下. 主要代码: //第一步: LayoutInflater mInflater = (LayoutInflater) context .getSystemService(Context.LAYOUT_INFLATER_SERVICE); View v

ViewPager切换动画效果改动

比方我们点击向右button,希望左边的view移动过来,有个平移效果,可是用系统默认的ViewPager切换的时候,会一闪而过. 这是为什么呢? 由于viewpager外面事实上有个scrollview,你能够使用反射的方法,设置他的scroll时间.代码例如以下. 主要代码: //第一步: LayoutInflater mInflater = (LayoutInflater) context .getSystemService(Context.LAYOUT_INFLATER_SERVICE)

Android项目实战(四):ViewPager切换动画(3.0版本以上有效果)

原文:Android项目实战(四):ViewPager切换动画(3.0版本以上有效果) 学习内容来自“慕课网” 一般APP进去之后都会有几张图片来导航,这里就学习怎么在这张图片切换的时候添加切换动画效果 先看布局文件 activity_main.layout <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.c

使用ViewPager切换Fragment时,防止频繁调用OnCreatView

使用ViewPager切换Fragment,我原先使用系统自带的适配器FragmentPagerAdapter. 切换fragment时,频繁调用oncreatview(). 查看FragmentPagerAdapter的源码,发现两个关键的地方 1 @Override 2 public Object instantiateItem(ViewGroup container, int position) { 3 if (mCurTransaction == null) { 4 mCurTransa

viewpager切换添加动画效果viewpager切换添加动画效果--IT蓝豹

viewpager切换添加动画效果,本项目中主要有三种切换特效,(1):DepthPageTransformer 效果(2):RotateDownPageTransformer 每一个view切换的时候旋转(3):ZoomOutPageTransformer 效果主要实现代码:  mViewPager.setPageTransformer(true,new ZoomOutPageTransformer());  mViewPager.setPageTransformer(true,new Rot