Android Material Design:ViewPager与android.support.design.widget.TabLayout双向交互联动切换
来源:互联网 发布:校园网络认证管理系统 编辑:程序博客网 时间:2024/05/17 03:12
通常,android.support.design.widget.TabLayout与Android的ViewPager联合使用,实现与ViewPager的切换与联动。
(1)比如,当用户手指触摸选择TabLayout中的某一项时候,ViewPager应当自动切换跳转到相应的Page页面;
(2)同样,当用户在翻动ViewPager时候,TabLayout也会自动的滚动到与当前ViewPager页面像对应的子item tab并使该子item tab处于选中状态。
测试用的主Activity MainActivity.java :
package com.zzw.testtablayout;import android.app.Activity;import android.os.Bundle;import android.support.design.widget.TabLayout;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.view.Gravity;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;public class MainActivity extends Activity { private final int COUNT = 10; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TabLayout tabLayout = (TabLayout) findViewById(R.id.tabLayout); tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager); viewPager.setAdapter(new MyAdapter(this)); // TabLayout和ViewPager双向、交互联动。 tabLayout.setupWithViewPager(viewPager); } private class MyAdapter extends PagerAdapter { private Activity activity; public MyAdapter(Activity activity) { this.activity = activity; } @Override public CharSequence getPageTitle(int position) { return "选项" + position; } @Override public Object instantiateItem(View container, int position) { TextView tv = new TextView(activity); tv.setText("ViewPager" + position); tv.setTextSize(30.0f); tv.setGravity(Gravity.CENTER); ((ViewGroup) container).addView(tv); return tv; } @Override public void destroyItem(View container, int position, Object object) { ((ViewPager) container).removeView((View) object); } @Override public int getCount() { return COUNT; } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } }}
MainActivity.java需要的布局文件:activity_main.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" > <!-- app:tabIndicatorColor 指示器(字体下面的那一个横)显示颜色 --> <!-- app:tabSelectedTextColor 选中的字体颜色 --> <!-- app:tabTextColor 未选中的字体颜色 --> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorColor="#26c6da" app:tabSelectedTextColor="#f44336" app:tabTextColor="#bdbdbd" /> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="wrap_content" /></LinearLayout>
0 0
- Android Material Design:ViewPager与android.support.design.widget.TabLayout双向交互联动切换
- ViewPager与android.support.design.widget.TabLayout双向交互联动切换
- android.support.design.widget.TabLayout
- android.support.design.widget.TabLayout
- Android Material Design:滑动指示选项卡android.support.design.widget.TabLayout的简单使用
- android.support.design.widget.TabLayout的使用
- android.support.design.widget.TabLayout 用法解析
- android.support.design.widget.TabLayout的使用
- android.support.design.widget.TabLayout的使用
- android.support.design.widget.TabLayout的使用
- android.support.design.widget.TabLayout 使用
- android.support.design.widget.TabLayout的使用
- android.support.design.widget.TabLayout的使用
- android.support.design.widget.TabLayout属性讲解
- android.support.design.widget.TabLayout的使用
- Android TabLayout定制CustomView与ViewPager交互双向联动
- android support design tablayout
- android.support.design.widget
- wince与WCF的结合应用(VS2008 VB.Net)
- android的progressbar修改背景颜色跟进度条颜色
- iOS,pop弹栈 从左往右拖动 手势
- Android数据库高手秘籍(三)——使用LitePal升级表
- interbase C++Builder 简单例子
- Android Material Design:ViewPager与android.support.design.widget.TabLayout双向交互联动切换
- Java并发库(十四):控制线程访问数量Semaphore
- 基于dubbo框架下的RPC通讯协议性能测试
- ServerBootStrap启动流程源码分析
- 软件开发中的11个系统思维定律
- 支付宝接入流程
- Android5.X (五) : Activity的跳转效果
- Lucene学习总结之一:全文检索的基本原理
- SAP HANA快捷键(部分)