Tablayout显示导航栏

1.首先,只要在build.gradle中加入compile ‘com.android.support:design:22.2.0’即可。

2.布局文件

<android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="scrollable"<!-- 加上这句话,代表tab数量大于屏幕宽度时,能实现水平滚动-->
    tabIndicatorColor="@android:color/transparent"
    >

<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:id="@+id/pager"></android.support.v4.view.ViewPager>

3.activity界面代码

//存放数据的集合(网络请求的数据),也就是请求接口返回的导航栏的信息装到集合中
 private  List<String> li=new ArrayList<>();
 //存放fragment的集合
 private List<Fragment> fragments = new ArrayList<Fragment();
    //初始化view
    private void initView() {
        pager = (ViewPager) getView().findViewById(R.id.pager);
        tablayout = (TabLayout)     getView().findViewById(R.id.tablayout);
    }
  //通过接口回调得到网络请求的数据
    @Override
    public void callBackhome(Object o) {
        newsBean news= (newsBean) o;
        for (int i = 0; i < news.getResult().getDate().size(); i++) {
         //遍历集合拿到title
            li.add(news.getResult().getDate().get(i).getTitle());
              //循环创建fragment
            MyFragment frag=new MyFragment(news.getResult().getDate().get(i).getUri());
            fragments.add(frag);
        }

        FragmentAdapter adapter=new FragmentAdapter(fragments,li,getActivity().getSupportFragmentMan  ager());
        pager.setAdapter(adapter);       
   //关联     
   tablayout.setupWithViewPager(pager);
   tablayout.setTabTextColors(Color.BLACK,Color.RED);  
   }

适配器

 public class FragmentAdapter extends FragmentPagerAdapter { 
     private List<String> list=new ArrayList<>();   
     private List<Fragment> fragments;  

     public FragmentAdapter(List<Fragment> fragments,List<String> list, FragmentManager fm) {      
     super(fm);      
     this.fragments = fragments;   
     this.list=list;  
  }   
  @Override   
   public Fragment getItem(int position) {      
   return fragments.get(position);    
}
    @Override    

   public int getCount() {    

    return list.size();   
 } 

   @Override 
   public CharSequence getPageTitle(int position) { 
       return list.get(position);   
 }
}
### 下载 Popper.min.js 文件的方法 对于希望获取 `popper.min.js` 的开发者来说,可以通过多种方式来实现这一目标。通常情况下,推荐通过官方渠道或可靠的分发网络 (CDN) 来获得最新的稳定版文件。 #### 使用 CDN 获取 Popper.min.js 最简单的方式之一是从流行的 CDN 中加载所需的 JavaScript 库。这不仅简化了集成过程,还可能提高性能,因为许多用户已经缓存了来自这些服务提供商的内容。例如: ```html <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2/dist/umd/popper.min.js"></script> ``` 这种方式不需要手动下载文件到本地服务器;只需将上述 `<script>` 标签添加至 HTML 文档中的适当位置即可立即使用 Popper 功能[^1]。 #### 从 npm 或 yarn 安装 如果项目采用模块化构建工具链,则可以直接利用包管理器如 npm 或 Yarn 进行安装。命令如下所示: ```bash npm install @popperjs/core # 或者 yarn add @popperjs/core ``` 之后可以根据具体需求引入特定功能模块,而不是整个库,从而减少打包后的体积并优化加载速度[^2]。 #### 访问 GitHub 发布页面下载压缩包 另一种方法是访问 Popper.js 的 [GitHub Releases](https://github.com/popperjs/popper-core/releases) 页面,在这里可以选择不同版本的 tarball 或 zip 归档进行下载解压操作。这种方法适合那些偏好离线工作环境或是想要定制编译选项的人群[^3]。 #### 手动克隆仓库 最后一种较为少见但也可行的办法便是直接克隆完整的 Git 存储库副本。这样可以获得开发分支以及历史记录等更多信息,适用于贡献代码或者深入学习内部机制的情况。 ```bash git clone https://github.com/popperjs/popper-core.git cd popper-core ``` 完成以上任一途径后便能成功取得所需版本的 Popper.min.js 文件,并将其应用于个人项目之中[^4]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值