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

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

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

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

代码片段

<span style="font-size:16px;">/***
     * init view
     */
    void InItView() {
        pageViews = new ArrayList<View>();
        View view01 = getLocalActivityManager().startActivity("activity01",
                new Intent(this, MainActivity1.class)).getDecorView();
        View view02 = getLocalActivityManager().startActivity("activity02",
                new Intent(this, MainActivity2.class)).getDecorView();
        View view03 = getLocalActivityManager().startActivity("activity02",
                new Intent(this, MainActivity3.class)).getDecorView();
        View view04 = getLocalActivityManager().startActivity("activity03",
                new Intent(this, MainActivity4.class)).getDecorView();
        View view05 = getLocalActivityManager().startActivity("activity04",
                new Intent(this, MainActivity5.class)).getDecorView();
        View view06 = getLocalActivityManager().startActivity("activity05",
                new Intent(this, MainActivity6.class)).getDecorView();
        pageViews.add(view01);
        pageViews.add(view02);
        pageViews.add(view03);
        pageViews.add(view04);
        pageViews.add(view05);
        pageViews.add(view06);
    }</span>
<span style="font-size:16px;"> /***
     * init title
     */
    void InItTitle() {
        int width = getWindowManager().getDefaultDisplay().getWidth() / 5;
        for (int i = 0; i < title.length; i++) {
            RadioButton radioButton = new RadioButton(this, null,
                    R.style.radioButton);
            radioButton.setText(title[i]);
            radioButton.setTextSize(17);
            radioButton.setTextColor(com.jj.viewpager.R.color.black);
            radioButton.setWidth(width);
            radioButton.setHeight(height);
            radioButton.setGravity(Gravity.CENTER);
            radioGroup.addView(radioButton);
        }
    }</span>
<span style="font-size:16px;"> /***
     * init title
     */
    void InItTitle1() {
        textViews = new ArrayList<TextView>();
        int width = getWindowManager().getDefaultDisplay().getWidth() / 5;
        int height = 70;
        for (int i = 0; i < title.length; i++) {
            TextView textView = new TextView(this);
            textView.setText(title[i]);
            textView.setTextSize(17);
            textView.setTextColor(com.jj.viewpager.R.color.black);
            textView.setWidth(width);
            textView.setHeight(height - 30);
            textView.setGravity(Gravity.CENTER);
            textView.setId(i);
            textView.setOnClickListener(this);
            textViews.add(textView);
            // 分割线
            View view = new View(this);
            LinearLayout.LayoutParams layoutParams = new LayoutParams(
                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
            layoutParams.width = 1;
            layoutParams.height = height - 40;
            layoutParams.gravity = Gravity.CENTER;
            view.setLayoutParams(layoutParams);
            view.setBackgroundColor(com.jj.viewpager.R.color.gray);
            linearLayout.addView(textView);
            if (i != title.length - 1) {
                linearLayout.addView(view);
            }

}
    }</span>

<span style="font-size:16px;">/***
     * 选中效果
     */
    public void setSelector(int id) {
        for (int i = 0; i < title.length; i++) {
            if (id == i) {
                Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
                        R.drawable.grouplist_item_bg_normal);
                textViews.get(id).setBackgroundDrawable(
                        new BitmapDrawable(bitmap));
                textViews.get(id).setTextColor(Color.RED);
                viewPager.setCurrentItem(i);
            }

else {
                textViews.get(i).setBackgroundDrawable(new BitmapDrawable());
                textViews.get(i).setTextColor(com.jj.viewpager.R.color.black);
            }
        }
    }

@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        linearLayout = (LinearLayout) findViewById(R.id.ll_main);
        viewPager = (ViewPager) findViewById(R.id.pager);
        horizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontalScrollView);
        InItTitle1();
        setSelector(0);
        InItView();
        viewPager.setAdapter(new myPagerView());
        viewPager.clearAnimation();
        viewPager.setOnPageChangeListener(new OnPageChangeListener() {

@Override
            public void onPageSelected(int arg0) {
                setSelector(arg0);
            }

@Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {

}

@Override
            public void onPageScrollStateChanged(int arg0) {

}
        });
    }

@Override
    public void onClick(View v) {
        setSelector(v.getId());
    }

class myPagerView extends PagerAdapter {
        // 显示数目
        @Override
        public int getCount() {
            return pageViews.size();
        }

@Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

@Override
        public int getItemPosition(Object object) {
            // TODO Auto-generated method stub
            return super.getItemPosition(object);
        }

@Override
        public void destroyItem(View arg0, int arg1, Object arg2) {
            // TODO Auto-generated method stub
            ((ViewPager) arg0).removeView(pageViews.get(arg1));
        }

/***
         * 获取每一个item, 类于listview中的getview
         */
        @Override
        public Object instantiateItem(View arg0, int arg1) {
            ((ViewPager) arg0).addView(pageViews.get(arg1));
            return pageViews.get(arg1);
        }

}</span>

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

样式如下:

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

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

android Viewpager HorizontalScrollView 实现分页栏拖拽相关推荐

  1. Android开发学习之ImageView手势拖拽、缩放、旋转

    在Android应用中,图片随手势的拖拽.缩放.旋转在很多场景中都会用到,今天我们要做的就是在ImageView的基础上实现一个可以拖拽.缩放.转转的TouchView. 一.实现原理 OnTouch ...

  2. Android 仿QQ未读消息拖拽删除粘性控件效果

    效果图: 分析  一 : 1.应用的地方:如未读数据的清除等 2.这个控件要实现哪些功能呢? 1)拖拽超出范围时,断开了,此时我们松手,图标消失 2)拖拽超出范围时,断开了,此时我们把图标移动回去,图 ...

  3. Android最简单的实现View拖拽跟随手指移动效果

    今天想实现这个功能,但是网上搜索代码,都是利用setPadding,setMargin 等方法去实现的,这在Android 4.0 以前是没问题的,但是,Android 4.0 后系统已经提供了更简单 ...

  4. 安卓开发仿微信图片拖拽_使用Android 模仿微信朋友圈图片拖拽返回

    1概述 目前的app的动画效果是越来越炫了,很多主流app的图片预览返回都有类似功能,比较常见的是ios自带相册,微信朋友圈等等.自己项目中也有类似功能,最近整理了一下这个功能的代码,做个笔记记录,有 ...

  5. Android自定义View-模仿QQ的拖拽气泡

    第一步:明白气泡的几个状态 第二步:明白大概的思路 第三步:初始化组价的属性,并计算组件的大小 第四步:通过点击,拖动,取消,分别获取到两点之间的距离,然后得到组件的各个状态 第五步:绘制图像 1.如 ...

  6. iframe分栏拖拽伸缩例子

    这个标题有些绕口,鄙人愚笨,实在找不到一个比较准确的说法,总之就是: 一个页面内显示多个iframe,一个变宽,另一个就变窄,一个变高,另一个就变矮的这种可自由伸缩的效果.它们之间有一个可多拽的分隔条 ...

  7. Android拖拽图片的实现

    拖拽图片效果的实现其实也很简单,只要对需要拖拽的图片设置一个TouchListener即可,在Listener的方法里边对图片的位置进行计算更改就可以达到效果了.具体实现如下: 1.Activity ...

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

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

  9. android气泡聊天消息背景,Android使用贝塞尔曲线仿QQ聊天消息气泡拖拽效果

    本文实例为大家分享了Android仿QQ聊天消息气泡拖拽效果展示的具体代码,供大家参考,具体内容如下 先画圆,都会吧.代码如下: public class Bezier extends View { ...

最新文章

  1. 巧用CSS的RevealTrans滤镜
  2. Python开发【第十篇】:CSS (二)
  3. 无线路由器结合Windows Radius Server实现通过域账户连接公司无线网络
  4. (一)SOA学习-相关缩写
  5. 单链表的几个基本操作
  6. 字符集GBK升级UTF8
  7. 第二阶段--团队冲刺--第二天
  8. vue完全编程方式与react在书写和运用上的异同
  9. Java基础学习-Path环境变量的配置
  10. C++ STL 容器的一些总结
  11. potplayer 多个进程_进程组、会话、控制终端概念,如何创建守护进程?
  12. 面试中回答离职原因的万能公式
  13. 随机字符串,随机密码生成器
  14. 人脸方向学习(三):人脸质量评价-人脸模糊检测总结二
  15. 常用的python模块及安装方法
  16. Linux常用的网络命令
  17. BS7799, ISO/IEC 17799, ISO/IEC 27001容易混淆
  18. 合并两个有序数组-c语言
  19. Qt之表格输入内容限制方法示例
  20. hdu5442 后缀数组

热门文章

  1. 20190807:排序数组删除重复项
  2. html2canvas图片坐标,html2canvas生成的图片偏移不完整的解决方法
  3. 把python37添加到环境变量配置_linux设置python环境变量 分类: python ...
  4. linux安全技术课程报告,综合实例一+linux平台WEB安全技术研究报告.doc
  5. mybatis float 小数0 不显示_卧槽!用 float 存储金额,老板说损失从工资里扣!
  6. 构建小型Linux跟文件系统镜像(Ext2 或 Ext3)
  7. ubuntu安装rpm的方法
  8. 2018星际AI大赛冠军诞生!一个个机器学习算法,都输给不会学习的韩国bot
  9. 成都刘女士的第一场锤子科技发布会 | 现场特写
  10. 通过JDK动态代理实现拦截器