热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ViewPager+Fragment多标题界面

话不多说,先上效果图:好了,来看xml代码:(为了保持简明,我删除了部分代码)title层级是这样的:HorizontalScrollView,Rela

话不多说,先上效果图:


好了,来看xml代码:(为了保持简明,我删除了部分代码)

title层级是这样的:

HorizontalScrollView,      RelativeLayout,      LinearLayout,       TextView

控制横向滚动                     包裹标题与光标      包裹标题                六个标题




    

        

            

                

                

                

                

                

                

            

            
        

    

    

    

然后是Java代码(这里也删除并修改了部分代码)

public class XXXActivity extends BaseActivity implements View.OnClickListener, ViewPager.OnPageChangeListener {

    private HorizontalScrollView scroll_view;
    private LinearLayout llt_title;
    private TextView tx_applying,
            tx_holding,
            tx_can_be_redeemed,
            tx_can_be_transfer,
            tx_has_finished,
            tx_apply_fail;

    private View cursor;
    private ViewPager fragment_view_pager;
    private MyFragmentPagerAdapter adapter;
    private int currentIndex;//当前页卡编号

    private int subTitleWidth;//子标题宽度,cursor平移距离
    private int titleBarHideOffset;//整个标题未显示的长度
    private int firstHideSubTitle;//第一个未显示全的标题(从0数起)
    private int hideTitleNum;//未显示标题的数目(从1数起)

    @Override
    protected void onCreate() {
        scroll_view = (HorizontalScrollView) findViewById(R.id.scroll_view);
        llt_title = (LinearLayout) findViewById(R.id.llt_title);
        tx_applying = (TextView) findViewById(R.id.tx_applying);
        tx_holding = (TextView) findViewById(R.id.tx_holding);
        tx_can_be_redeemed = (TextView) findViewById(R.id.tx_can_be_redeemed);
        tx_can_be_transfer = (TextView) findViewById(R.id.tx_can_be_transfer);
        tx_has_finished = (TextView) findViewById(R.id.tx_has_finished);
        tx_apply_fail = (TextView) findViewById(R.id.tx_apply_fail);
        cursor = findViewById(R.id.cursor);
        fragment_view_pager = (ViewPager) findViewById(R.id.fragment_view_pager);

        tx_applying.setOnClickListener(this);
        tx_holding.setOnClickListener(this);
        tx_can_be_redeemed.setOnClickListener(this);
        tx_can_be_transfer.setOnClickListener(this);
        tx_has_finished.setOnClickListener(this);
        tx_apply_fail.setOnClickListener(this);

        //获取屏幕宽度、标题宽度
        WindowManager manager = this.getWindowManager();
        DisplayMetrics outMetrics = new DisplayMetrics();
        manager.getDefaultDisplay().getMetrics(outMetrics);
        int windowWidth = outMetrics.widthPixels;
        subTitleWidth = DisplayUtils.dip2px(this, 85);//一个title的宽度
        int titleBarWidth = subTitleWidth * 6;//整个title的宽度

        //标题栏最大移动距离与第一个需要移动的title
        titleBarHideOffset = titleBarWidth - windowWidth;//未显示出的部分
        if (titleBarHideOffset <0) {
            titleBarHideOffset = 0;
            hideTitleNum = 0;
        } else {//这里逻辑开始略复杂,关键是获取第一个未显示全的title位置
            for (int i = 0; i <6; i++) {
                if (windowWidth  getFragmentList() {
        ArrayList fragmentList = new ArrayList<>();
        //此处省略......
        return fragmentList;
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.tx_applying:
                fragment_view_pager.setCurrentItem(0);
                break;
            case R.id.tx_holding:
                fragment_view_pager.setCurrentItem(1);
                break;
            case R.id.tx_can_be_redeemed:
                fragment_view_pager.setCurrentItem(2);
                break;
            case R.id.tx_can_be_transfer:
                fragment_view_pager.setCurrentItem(3);
                break;
            case R.id.tx_has_finished:
                fragment_view_pager.setCurrentItem(4);
                break;
            case R.id.tx_apply_fail:
                fragment_view_pager.setCurrentItem(5);
                break;
        }
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    }

    @Override
    public void onPageScrollStateChanged(int state) {
    }

    @Override
    public void onPageSelected(int position) {
        Animation animation = new TranslateAnimation(
                currentIndex * subTitleWidth,  //from X
                position * subTitleWidth,      //to X
                0, 0
        );

        //cursor滑动
        currentIndex = position;
        animation.setFillAfter(true);//动画终止时停留在最后一帧,不然会回到没有执行前的状态
        animation.setInterpolator(new DecelerateInterpolator());//减速动画
        animation.setDuration(300);//动画持续时间0.3秒
        cursor.startAnimation(animation);
        llt_title.getChildAt(position).requestFocus();

        //整体滑动
        if (hideTitleNum > 0) {
            if (position  position * subTitleWidth) {
                    smoothScrollTo(position * subTitleWidth);
                }
            }

            int num = position - firstHideSubTitle;
            if (num >= 0) {//右侧
                int scrollTo = titleBarHideOffset - (hideTitleNum - (num + 1)) * subTitleWidth;
                if (scroll_view.getScrollX()  list;

        public MyFragmentPagerAdapter(FragmentManager fm, ArrayList list) {
            super(fm);
            this.list = list;
        }

        @Override
        public FragProductList getItem(int arg0) {
            return list.get(arg0);
        }

        @Override
        public int getCount() {
            return list.size();
        }

    }
}


如果有什么不大明白我们可以讨论,反正能直接用就是了大笑



推荐阅读
  • 本文介绍了一种自定义的Android圆形进度条视图,支持在进度条上显示数字,并在圆心位置展示文字内容。通过自定义绘图和组件组合的方式实现,详细展示了自定义View的开发流程和关键技术点。示例代码和效果展示将在文章末尾提供。 ... [详细]
  • 本文探讨了资源访问的学习路径与方法,旨在帮助学习者更高效地获取和利用各类资源。通过分析不同资源的特点和应用场景,提出了多种实用的学习策略和技术手段,为学习者提供了系统的指导和建议。 ... [详细]
  • 掌握Android UI设计:利用ZoomControls实现图片缩放功能
    本文介绍了如何在Android应用中通过使用ZoomControls组件来实现图片的缩放功能。ZoomControls提供了一种简单且直观的方式,让用户可以通过点击放大和缩小按钮来调整图片的显示大小。文章详细讲解了ZoomControls的基本用法、布局设置以及与ImageView的结合使用方法,适合初学者快速掌握Android UI设计中的这一重要功能。 ... [详细]
  • 技术分享:深入解析GestureDetector手势识别机制
    技术分享:深入解析GestureDetector手势识别机制 ... [详细]
  • 开发笔记:深入解析Android自定义控件——Button的72种变形技巧
    开发笔记:深入解析Android自定义控件——Button的72种变形技巧 ... [详细]
  • Android 图像色彩处理技术详解
    本文详细探讨了 Android 平台上的图像色彩处理技术,重点介绍了如何通过模仿美图秀秀的交互方式,利用 SeekBar 实现对图片颜色的精细调整。文章展示了具体的布局设计和代码实现,帮助开发者更好地理解和应用图像处理技术。 ... [详细]
  • 使用 ListView 浏览安卓系统中的回收站文件 ... [详细]
  • 在处理 XML 数据时,如果需要解析 `` 标签的内容,可以采用 Pull 解析方法。Pull 解析是一种高效的 XML 解析方式,适用于流式数据处理。具体实现中,可以通过 Java 的 `XmlPullParser` 或其他类似的库来逐步读取和解析 XML 文档中的 `` 元素。这样不仅能够提高解析效率,还能减少内存占用。本文将详细介绍如何使用 Pull 解析方法来提取 `` 标签的内容,并提供一个示例代码,帮助开发者快速解决问题。 ... [详细]
  • ButterKnife 是一款用于 Android 开发的注解库,主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法,包括如何通过注解实现字段和方法的绑定,以及在实际项目中的应用示例。此外,文章还提到了截至 2016 年 4 月 29 日,ButterKnife 的最新版本为 8.0.1,为开发者提供了最新的功能和性能优化。 ... [详细]
  • 在处理遗留数据库的映射时,反向工程是一个重要的初始步骤。由于实体模式已经在数据库系统中存在,Hibernate 提供了自动化工具来简化这一过程,帮助开发人员快速生成持久化类和映射文件。通过反向工程,可以显著提高开发效率并减少手动配置的错误。此外,该工具还支持对现有数据库结构进行分析,自动生成符合 Hibernate 规范的配置文件,从而加速项目的启动和开发周期。 ... [详细]
  • 本文探讨了利用Java实现WebSocket实时消息推送技术的方法。与传统的轮询、长连接或短连接等方案相比,WebSocket提供了一种更为高效和低延迟的双向通信机制。通过建立持久连接,服务器能够主动向客户端推送数据,从而实现真正的实时消息传递。此外,本文还介绍了WebSocket在实际应用中的优势和应用场景,并提供了详细的实现步骤和技术细节。 ... [详细]
  • 在尝试对从复杂 XSD 生成的类进行序列化时,遇到了 `NullReferenceException` 错误。尽管已经花费了数小时进行调试和搜索相关资料,但仍然无法找到问题的根源。希望社区能够提供一些指导和建议,帮助解决这一难题。 ... [详细]
  • Spring框架入门指南:专为新手打造的详细学习笔记
    Spring框架是Java Web开发中广泛应用的轻量级应用框架,以其卓越的功能和出色的性能赢得了广大开发者的青睐。本文为初学者提供了详尽的学习指南,涵盖基础概念、核心组件及实际应用案例,帮助新手快速掌握Spring框架的核心技术与实践技巧。 ... [详细]
  • 本文探讨了在Android应用中实现动态滚动文本显示控件的优化方法。通过详细分析焦点管理机制,特别是通过设置返回值为`true`来确保焦点不会被其他控件抢占,从而提升滚动文本的流畅性和用户体验。具体实现中,对`MarqueeText.java`进行了代码层面的优化,增强了控件的稳定性和兼容性。 ... [详细]
  • 在 Vbox 和 Hbox 布局中,当用户点击容器添加一个矩形时,系统会自动为该矩形分配坐标并打印其位置信息。此外,在按键事件触发时,系统仅打印当前矩形的坐标值。这两种布局在特定的交互场景下,能够动态地管理和更新子组件的位置。 ... [详细]
author-avatar
孤魂地狱
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有