VerticalTabLayout的使用

导入依赖
compile 'q.rorbin:VerticalTabLayout:1.2.5'

布局文件
<LinearLayout
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">
<q.rorbin.verticaltablayout.VerticalTabLayout
    android:layout_width="100dp"
    android:id="@+id/vtb"
    android:layout_height="match_parent">
</q.rorbin.verticaltablayout.VerticalTabLayout>
<android.support.v4.view.ViewPager
    android:id="@+id/vtbvp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</android.support.v4.view.ViewPager>
</LinearLayout>
Activity
package com.example.view;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

import java.util.ArrayList;
import java.util.List;

import q.rorbin.verticaltablayout.VerticalTabLayout;

public class MainActivity extends AppCompatActivity {
    private View inflate;
    private VerticalTabLayout vtb;
    private List<String> datas = new ArrayList<String>();
    private ViewPager vtbvp;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vtb = (VerticalTabLayout) findViewById(R.id.vtb);
        vtbvp = (ViewPager) findViewById(R.id.vtbvp);
        datas.add("推荐");
        datas.add("要闻");
        datas.add("娱乐");
        datas.add("科技");
        datas.add("汽车");
        datas.add("体育");
//适配器
        vpsp vpsp = new vpsp(getSupportFragmentManager());
        vtbvp.setAdapter(vpsp);
进行关联
        vtb.setupWithViewPager(vtbvp);
    }

    class vpsp extends FragmentPagerAdapter {

        public vpsp(FragmentManager fm) {
            super(fm);
        }
        //返回选项卡的文本 ,,,添加选项卡
        @Override
        public CharSequence getPageTitle(int position) {
            return datas.get(position);
        }
        //创建fragment对象并返回
        @Override
        public Fragment getItem(int position) {
            vcount vcount = new vcount();
            Bundle bundle = new Bundle();
            bundle.putString("name",datas.get(position));
            vcount.setArguments(bundle);
            return vcount;        }
        //返回数量
        @Override
        public int getCount() {
            return datas.size();
        }
    }
}
package com.example.view;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

/**
 * Created by 老北城 on 2017/10/25.
 */

public class vcount extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View inflate = View.inflate(getActivity(), R.layout.vcountlayout, null);
        TextView cte = (TextView) inflate.findViewById(R.id.oo);
        Bundle arguments = getArguments();
        String name = arguments.getString("name");
        Log.e("chen", "onCreateView: ------" + name);
        cte.setText(name);
        return inflate;
    }
}
布局
<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/oo"
    />
剩下的可以参考tablayout的做法   他们两个是一样的
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要向VerticalTabLayout添加数据,您需要完成以下步骤: 1. 创建一个TabAdapter类,该类将承担为VerticalTabLayout提供数据的责任。该类需要继承自VerticalTabLayout.Adapter,并且实现以下方法: - getItemCount():返回TabLayout中Tab的数量; - createTabView(ViewGroup, int):返回一个View,表示指定位置的Tab; - bindTabView(View, int):绑定指定位置的TabView和数据; 2. 在您的Activity或Fragment中,创建一个VerticalTabLayout对象,并将其与TabAdapter对象关联。例如: ``` VerticalTabLayout tabLayout = findViewById(R.id.tab_layout); TabAdapter tabAdapter = new MyTabAdapter(); tabLayout.setTabAdapter(tabAdapter); ``` 3. 在MyTabAdapter类中,实现上述方法。例如: ``` public class MyTabAdapter extends VerticalTabLayout.Adapter<MyTabAdapter.ViewHolder> { private final List<String> mData = Arrays.asList("Tab 1", "Tab 2", "Tab 3"); @Override public int getItemCount() { return mData.size(); } @Override public ViewHolder createTabView(ViewGroup container, int position) { View view = LayoutInflater.from(container.getContext()).inflate(R.layout.tab_item, container, false); return new ViewHolder(view); } @Override public void bindTabView(ViewHolder holder, int position) { holder.tabName.setText(mData.get(position)); } static class ViewHolder extends RecyclerView.ViewHolder { TextView tabName; ViewHolder(View itemView) { super(itemView); tabName = itemView.findViewById(R.id.tab_name); } } } ``` 在上面的代码中,我们创建了一个MyTabAdapter类,该类提供了三个Tab,并将它们绑定到RecyclerViewViewHolder中。ViewHolder的布局可以是任何您想要的东西,只需确保它包含显示Tab名称的TextView即可。 最后,您需要在布局文件中定义VerticalTabLayout: ``` <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="wrap_content" android:layout_height="match_parent" app:tabMode="scrollable" /> ``` 请注意,我们在上面的布局中使用TabLayout而不是VerticalTabLayout。这是因为VerticalTabLayout继承自TabLayout,因此您可以将其视为TabLayout的扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值