TabLayout结合ViewPager使用
2016-07-07 16:15
627 查看
上个图吧:
========================================
Java代码:
xml布局:
========================================
Java代码:
/** * Created by wzl on 2016/4/15. * 分享 */ public class SharesActivity extends AppCompatActivity { private ViewPager viewPager; private FragmentPagerAdapter adapter; private ArrayList<Fragment> fragments = new ArrayList<>(2); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_shares); init(); } private void init() { findViewById(R.id.image_left).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { onBackPressed(); } }); TextView right = (TextView) findViewById(R.id.title_right); right.setBackgroundResource(R.drawable.default_round_corner_bg_trans_white_stroke); right.setPadding(AppUtils.dip2px(5), AppUtils.dip2px(2), AppUtils.dip2px(5), AppUtils.dip2px(2)); right.setText("输入邀请码"); right.setTextSize(AppUtils.dip2px(12) / getResources().getDisplayMetrics().scaledDensity + 0.5f); right.setTextColor(getResources().getColor(R.color.white)); findViewById(R.id.layout_title).setBackgroundResource(R.color.title_color); ((TextView) findViewById(R.id.title)).setText("分享"); TabLayout tabs = (TabLayout) findViewById(R.id.tabs); tabs.setSelectedTabIndicatorColor(getResources().getColor(R.color.white)); tabs.addTab(tabs.newTab().setText("Tab1")); tabs.addTab(tabs.newTab().setText("Tab2")); tabs.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { viewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabUnselected(TabLayout.Tab tab) { } @Override public void onTabReselected(TabLayout.Tab tab) { } }); viewPager = (ViewPager) findViewById(R.id.view_pager); TabLayout.TabLayoutOnPageChangeListener listener = new TabLayout.TabLayoutOnPageChangeListener(tabs); viewPager.addOnPageChangeListener(listener); fragments.add(new OrderItemFragment()); fragments.add(new AcceptOrderItemFragment()); adapter = new FragmentPagerAdapter(getSupportFragmentManager()) { @Override public Fragment getItem(int position) { return fragments.get(position); } @Override public int getCount() { return fragments.size(); } }; viewPager.setAdapter(adapter); } }
xml布局:
<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white"> <android.support.design.widget.AppBarLayout android:id="@+id/app_bar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <include layout="@layout/layout_title" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginBottom="-48dp" android:background="@color/default_background" app:layout_scrollFlags="scroll|enterAlways"> <RelativeLayout android:layout_width="match_parent" android:layout_height="400dp" android:background="@drawable/activity_share_header"> <LinearLayout android:id="@+id/qr_code_container" android:layout_width="wrap_content" android:layout_height="182.5dp" android:layout_centerHorizontal="true" android:layout_marginTop="@dimen/dimen_30" android:background="@drawable/activity_share_qr_code_bg" android:gravity="center_horizontal"> <ImageView android:id="@+id/qr_code" android:layout_width="@dimen/dimen_120" android:layout_height="@dimen/dimen_120" android:layout_marginTop="@dimen/dimen_20" /> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/qr_code_container" android:layout_centerHorizontal="true" android:layout_marginTop="-35dp" android:background="@drawable/share_button_bg" android:gravity="center" android:text="点击分享" /> </RelativeLayout> </LinearLayout> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="@dimen/dimen_45" android:background="@android:color/transparent" android:nestedScrollingEnabled="false" android:paddingBottom="@dimen/dimen_3" app:tabIndicatorColor="@color/white" app:tabSelectedTextColor="@color/white" app:tabTextColor="@color/title_color_deep_dark"></android.support.design.widget.TabLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout>
相关文章推荐
- Java简单工厂模式-创建型
- $.ajax()方法详解
- asp.mvc展示model
- 单页面多脚本执行
- hadoop常用命令
- oracle的sql优化-oracle的索引介绍原理浅析(B-Tree索引)
- redis 实战系列二:用python操作redis集群
- HTML5学习笔记02——列表
- 多线程生产者消费者Demo2_ Lock操作
- JVM-内存模型
- 黑马程序员_Java基础_我的Day07学习笔记
- 内存泄漏-非UI线程使用View.post()方法
- 问题:sudo: /usr/bin/sudo must be owned by uid 0 and have the setuid bit set
- 向导面板工具功能介绍
- Maven类包冲突终极三大解决技巧 mvn dependency:tree
- android状态栏一体化(沉浸式状态栏)
- 初学 iOS 对icon的理解
- android改变progressBar形状和样式
- 小猪猪分享:如何将pdf转换成jpg图片
- bootstrap-paginator 分页控件的使用