关闭

scollview条目连动

117人阅读 评论(0) 收藏 举报

public class MainActivity extends FragmentActivity {

    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_left;
    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;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
         findViewById();
        initView();
        setListener();
    }
    //viewpager监听,RadioGroup监听
    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_left = (ImageView) findViewById(R.id.iv_nav_left);
        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;
        }
        
    }

}



//radiobutton的布局

<?xml version="1.0" encoding="utf-8"?>
<RadioButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dip"
    android:layout_height="fill_parent"
    android:background="#F2F2F2"
    android:button="@null"
    android:checked="true"
    android:gravity="center"
    android:text=""
    android:textColor="@drawable/rb_blue_bg"
    android:textSize="14.0dip" />




//HorizontalScrollView的布局

<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="@string/nav_desc"
                    android:scaleType="matrix" />
            </RelativeLayout>
        </HorizontalScrollView>


0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

UGUI缓动血条制作

using UnityEngine; using System.Collections; using UnityEngine.UI; public class BossHealthBar : Mon...
  • shengruqing
  • shengruqing
  • 2017-03-21 15:20
  • 340

自定义ScrollView 实现图片放大,上滑修改标题栏状态

一.功能介绍自定义ScrollView实现图片拉伸效果,下拉放大头部图片,监听滑动,改变标题 头部是个图片,下面是个WebView,滑动改变标题状态; 二.代码介绍1.自定义ScrollView ...
  • shanshan_1117
  • shanshan_1117
  • 2018-01-15 15:08
  • 15

【专题·线段覆盖系列】Codevs线段覆盖12345

线段覆盖1 给定x轴上的N(0 输入描述 Input Description     输入第一行是一个整数N。接下来有N行,每行有二个空格隔开的整数,表示一条线段...
  • CreationAugust
  • CreationAugust
  • 2014-11-05 13:53
  • 1205

安卓开发中的滚动条

scrollbars  设置滚动条显示,none隐藏,horizontal水平,vertical垂直。 scrollbarstyle 设置滚动条的风格和位置。insideOverlay、inside...
  • qice675563721
  • qice675563721
  • 2014-04-27 09:15
  • 675

EasyUI+JQuery轻松实现步骤条效果

最近加入一个新的项目组,组长对我好。。。严厉啊!哼,就给了一天时间看看需求,直接是上手实现功能。但是聪明如我,积极主动的去找组长给我讲了讲框架,大概的懂了懂,一天半的时间实现了一个前台的小功能,给大家...
  • u012904383
  • u012904383
  • 2015-11-15 23:07
  • 3570

图解动软代码生成器使用

首先在百度搜索后直接下载; 一 功能概览 常用操作; 代码模版有如下类别; 工具菜单有如下功能; 二 新增数据库服务器 1 连接sql se...
  • bcbobo21cn
  • bcbobo21cn
  • 2016-09-01 16:05
  • 2077

有弹性的scollview

package com.jmheart.view.scollview; import android.content.Context; import android.graphics.Rect; i...
  • jmHeart
  • jmHeart
  • 2015-11-28 10:45
  • 198

【android】仿知乎ScrollView滚动改变标题栏透明度

刷知乎的时候看到,专题栏里面 往下滚动标题栏会由透明逐渐变蓝色,觉得这个效果不错,就想自己写一下 这是自己实现的效果图: 说下实现思路: 1、先获取顶部图片的高度height,这个有3...
  • findsafety
  • findsafety
  • 2016-06-14 10:59
  • 3767

Unity中UGUI人物血条跟随的几种实现方式(二)

具体场景布置请参考上一篇博文http://blog.csdn.net/u011185231/article/details/50363392 现在我们讲第二种,相比第一种也很简单 大概原理是:把P...
  • u011185231
  • u011185231
  • 2015-12-20 12:50
  • 10631

Unity中UGUI人物血条跟随的几种实现方式(一)

昨天在群里有人在做游戏的时候遇到了一个坑,就是用UGUI做人物血条跟随遇到了大坑,今天就来说说如何用UGUI来做人物血条跟随。 第一种: 把Canvas画布作为Player的子物体。 首先:布置一下场...
  • u011185231
  • u011185231
  • 2015-12-20 10:51
  • 9613
    个人资料
    • 访问:516次
    • 积分:35
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:1篇
    • 译文:1篇
    • 评论:0条
    文章存档