源码:http://files.cnblogs.com/android100/ViewPaperDemo.rar
首先我们先看一个效果: 

前两个是网易的,它做的title不能拖拽,。不过点击动画效果挺不错的,有待学习啊,后面两个是搜狐的,它做的效果不错,(注意看title)可以左右拖拽的,因为比较多嘛。

下面这两个图不错,是多米音乐客户端.它可以来回切换屏幕,(重要的是没有出现向viewpager动画那么恶心状态)这个做的很棒,

现在我做的是viewpager+HorizontalScrollView 实现来回切屏,并且title可以左右拖拽.

代码片段

  1.  
  2. <span style="font-size:16px;">/***
  3.      * init view
  4.      */
  5.     void InItView() {
  6.         pageViews = new ArrayList<View>();
  7.         View view01 = getLocalActivityManager().startActivity("activity01",
  8.                 new Intent(this, MainActivity1.class)).getDecorView();
  9.         View view02 = getLocalActivityManager().startActivity("activity02",
  10.                 new Intent(this, MainActivity2.class)).getDecorView();
  11.         View view03 = getLocalActivityManager().startActivity("activity02",
  12.                 new Intent(this, MainActivity3.class)).getDecorView();
  13.         View view04 = getLocalActivityManager().startActivity("activity03",
  14.                 new Intent(this, MainActivity4.class)).getDecorView();
  15.         View view05 = getLocalActivityManager().startActivity("activity04",
  16.                 new Intent(this, MainActivity5.class)).getDecorView();
  17.         View view06 = getLocalActivityManager().startActivity("activity05",
  18.                 new Intent(this, MainActivity6.class)).getDecorView();
  19.         pageViews.add(view01);
  20.         pageViews.add(view02);
  21.         pageViews.add(view03);
  22.         pageViews.add(view04);
  23.         pageViews.add(view05);
  24.         pageViews.add(view06);
  25.     }</span>
  1.  
  2. <span style="font-size:16px;"> /***
  3.      * init title
  4.      */
  5.     void InItTitle() {
  6.         int width = getWindowManager().getDefaultDisplay().getWidth() / 5;
  7.         for (int i = 0; i < title.length; i++) {
  8.             RadioButton radioButton = new RadioButton(this, null,
  9.                     R.style.radioButton);
  10.             radioButton.setText(title[i]);
  11.             radioButton.setTextSize(17);
  12.             radioButton.setTextColor(com.jj.viewpager.R.color.black);
  13.             radioButton.setWidth(width);
  14.             radioButton.setHeight(height);
  15.             radioButton.setGravity(Gravity.CENTER);
  16.             radioGroup.addView(radioButton);
  17.         }
  18.     }</span>
  1.  
  2. <span style="font-size:16px;"> /***
  3.      * init title
  4.      */
  5.     void InItTitle1() {
  6.         textViews = new ArrayList<TextView>();
  7.         int width = getWindowManager().getDefaultDisplay().getWidth() / 5;
  8.         int height = 70;
  9.         for (int i = 0; i < title.length; i++) {
  10.             TextView textView = new TextView(this);
  11.             textView.setText(title[i]);
  12.             textView.setTextSize(17);
  13.             textView.setTextColor(com.jj.viewpager.R.color.black);
  14.             textView.setWidth(width);
  15.             textView.setHeight(height - 30);
  16.             textView.setGravity(Gravity.CENTER);
  17.             textView.setId(i);
  18.             textView.setOnClickListener(this);
  19.             textViews.add(textView);
  20.             // 分割线
  21.             View view = new View(this);
  22.             LinearLayout.LayoutParams layoutParams = new LayoutParams(
  23.                     LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
  24.             layoutParams.width = 1;
  25.             layoutParams.height = height - 40;
  26.             layoutParams.gravity = Gravity.CENTER;
  27.             view.setLayoutParams(layoutParams);
  28.             view.setBackgroundColor(com.jj.viewpager.R.color.gray);
  29.             linearLayout.addView(textView);
  30.             if (i != title.length - 1) {
  31.                 linearLayout.addView(view);
  32.             }
  33.  
  34.         }
  35.     }</span>
  1.  
  2. <span style="font-size:16px;">/***
  3.      * 选中效果
  4.      */
  5.     public void setSelector(int id) {
  6.         for (int i = 0; i < title.length; i++) {
  7.             if (id == i) {
  8.                 Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
  9.                         R.drawable.grouplist_item_bg_normal);
  10.                 textViews.get(id).setBackgroundDrawable(
  11.                         new BitmapDrawable(bitmap));
  12.                 textViews.get(id).setTextColor(Color.RED);
  13.                 viewPager.setCurrentItem(i);
  14.             }
  15.  
  16.             else {
  17.                 textViews.get(i).setBackgroundDrawable(new BitmapDrawable());
  18.                 textViews.get(i).setTextColor(com.jj.viewpager.R.color.black);
  19.             }
  20.         }
  21.     }
  22.  
  23.     @Override
  24.     public void onCreate(Bundle savedInstanceState) {
  25.         super.onCreate(savedInstanceState);
  26.         setContentView(R.layout.main);
  27.         linearLayout = (LinearLayout) findViewById(R.id.ll_main);
  28.         viewPager = (ViewPager) findViewById(R.id.pager);
  29.         horizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontalScrollView);
  30.         InItTitle1();
  31.         setSelector(0);
  32.         InItView();
  33.         viewPager.setAdapter(new myPagerView());
  34.         viewPager.clearAnimation();
  35.         viewPager.setOnPageChangeListener(new OnPageChangeListener() {
  36.  
  37.             @Override
  38.             public void onPageSelected(int arg0) {
  39.                 setSelector(arg0);
  40.             }
  41.  
  42.             @Override
  43.             public void onPageScrolled(int arg0, float arg1, int arg2) {
  44.  
  45.             }
  46.  
  47.             @Override
  48.             public void onPageScrollStateChanged(int arg0) {
  49.  
  50.             }
  51.         });
  52.     }
  53.  
  54.     @Override
  55.     public void onClick(View v) {
  56.         setSelector(v.getId());
  57.     }
  58.  
  59.     class myPagerView extends PagerAdapter {
  60.         // 显示数目
  61.         @Override
  62.         public int getCount() {
  63.             return pageViews.size();
  64.         }
  65.  
  66.         @Override
  67.         public boolean isViewFromObject(View arg0, Object arg1) {
  68.             return arg0 == arg1;
  69.         }
  70.  
  71.         @Override
  72.         public int getItemPosition(Object object) {
  73.             // TODO Auto-generated method stub
  74.             return super.getItemPosition(object);
  75.         }
  76.  
  77.         @Override
  78.         public void destroyItem(View arg0, int arg1, Object arg2) {
  79.             // TODO Auto-generated method stub
  80.             ((ViewPager) arg0).removeView(pageViews.get(arg1));
  81.         }
  82.  
  83.         /***
  84.          * 获取每一个item, 类于listview中的getview
  85.          */
  86.         @Override
  87.         public Object instantiateItem(View arg0, int arg1) {
  88.             ((ViewPager) arg0).addView(pageViews.get(arg1));
  89.             return pageViews.get(arg1);
  90.         }
  91.  
  92.     }</span>

实现起来不难,主要用了HorizontalScrollView 这个实现左右拖拽功能,网上大部分都是用RadioButton实现的,可是觉得有点复杂,我们何不直接对Textview进行控制呢,

样式如下:

主要看title可以来回拖拽,主要是实现这个功能,其实很简单,看上面代码我想你一下就ok了。

现在说一下问题”首先,我们用的是viewpager来实现,滑动的时候效果很不错,可是当我们点击title切换屏幕的时候,效果就难看了,因为viewpager动画的缘故,如果由1屏-6屏,则它会动画经过2,3,4,5,效果是相当的难看,想找个方案禁止动画,可没有找到,如果知道的朋友麻烦告诉下,谢谢在先了。“   还有就是可以拖拽的标题分页,最好和activitygroup运用.搜狐那个就很不错.实在不行重写viewpaper吧,不过有点复杂,有时间了研究下.这里对viewpager只是简单用一下,不过前面几节都讲过,禁止屏幕滑动和缩回效果等.

android Viewpager HorizontalScrollView 实现分页栏拖拽的更多相关文章

  1. Android学习系列--App列表之拖拽ListView(下)

    接着上篇Android学习系列(10)--App列表之拖拽ListView(上)我们继续实现ListView的拖拽效果. 7.重写onTouchEvent()方法.     在这个方法中我们主要是处理 ...

  2. Android 自定义ImageView支持缩放,拖拽,方便复用

    今天刚发了一篇关于ImageView的缩放和拖拽的博客,然后我想了下,将他自定义下,方便我们来复用这个imageView,效果我就不多说了,http://blog.csdn.net/xiaanming ...

  3. Android学习系列--App列表之拖拽ListView(上)

    研究了很久的拖拽ListView的实现,受益良多,特此与尔共飨.      鉴于这部分内容网上的资料少而简陋,而具体的实现过程或许对大家才有帮助,为了详尽而不失真,我们一步一步分析,分成两篇文章. 一 ...

  4. Android ViewPager+HorizontalScrollView实现标题栏滑动(腾讯新闻)

    1) ViewPager提供了左右滑动切换页面的方法,但是它所提供的标题只是无语,估计没有真正的项目会照搬拿过来;并且它只能一页一页滑,我想直接查看最后一页要滑半天; 2) 看了腾讯新闻客户端感觉体验 ...

  5. Android学习系列(11)--App列表之拖拽ListView(下)

    接着上篇Android学习系列(10)--App列表之拖拽ListView(上)我们继续实现ListView的拖拽效果. 7.重写onTouchEvent()方法.     在这个方法中我们主要是处理 ...

  6. android开发游记:ItemTouchHelper 使用RecyclerView打造可拖拽的GridView

    以下是RecyclerView结合ItemTouchHelper实现的列表和网格布局的拖拽效果. 效果图例如以下:(gif图有点顿卡,事实上执行是非常流畅的) demo下载地址: DragRecycl ...

  7. 【Android】HorizontalScrollView内子控件横向拖拽

    前言 网上ListView上下拖动的例子有,效果也很好,但是项目要横着拖的,只要硬着头皮自己写(主要是没找到合适的),参考文章1修改而来,分享一下. 声明 欢迎转载,但请保留文章原始出处:)  博客园 ...

  8. 在viewPager中双指缩放图片,双击缩放图片,单指拖拽图片

    我们就把这个问题叫做图片查看器吧,它的主要功能有: (项目地址:https://github.com/TZHANHONG/ImageViewer/releases/tag/1.0,里面的MyImage ...

  9. [Android]仿新版QQ的tab下面拖拽标记为已读的效果

    以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4182929.html 可拖拽的红点,(仿新版QQ,tab下面拖 ...

随机推荐

  1. UVA10304

    全部遍历.设置两个下标,若相同i++,j++,不相同则j++. #include<stdio.h> #include<string.h> int main(){ ]; ]; s ...

  2. [LeetCode] Isomorphic Strings 同构字符串

    Given two strings s and t, determine if they are isomorphic. Two strings are isomorphic if the chara ...

  3. [LeetCode] Combinations 组合项

    Given two integers n and k, return all possible combinations of k numbers out of 1 ... n. For exampl ...

  4. .NET跨平台之旅:ASP.NET Core从传统ASP.NET的Cookie中读取用户登录信息

    在解决了asp.net core中访问memcached缓存的问题后,我们开始大踏步地向.net core进军——将更多站点向asp.net core迁移,在迁移涉及获取用户登录信息的站点时,我们遇到 ...

  5. AngularJS Scope(作用域)

    1. AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带. Scope 是一个对象,有可用的方法和属性. Sc ...

  6. [教程]phpwind9.0应用开发基础教程

    这篇文章着重于介绍在9.0中如何开发一个插件应用的示例,step by step来了解下在9.0中一个基础的应用包是如何开发的.1.目录结构OK,首先是目录结构,下面是一个应用我们推荐的目录. 应用包 ...

  7. Markdown语法 中文版

    文章翻译自Markdown创始人JOHN GRUBER的 个人博客, 英文原文请参见 Markdown Syntax; 本文地址: http://www.cnblogs.com/ayning/p/43 ...

  8. 【codeforces 442B】 Andrey and Problem

    http://codeforces.com/problemset/problem/442/B (题目链接) 题意 n个人,每个人有p[i]的概率出一道题.问如何选择其中s个人使得这些人正好只出1道题的 ...

  9. php 使用函数中遇到的坑之----list

    1. list 把数组中的值赋给一些变量 <?php $info = array('coffee', 'brown', 'caffeine'); // 列出所有变量 list($drink, $ ...

  10. java 枚举的简单应用。

    枚举,就是保存着原始的<key,value> 在代码中会经常用到.为了不坑自己,记录一下笔记 package com.fortunedr.common.constant; public e ...