TableLayout与ViewPager的简单应用
来源:互联网 发布:串口网络调试工具 编辑:程序博客网 时间:2024/04/27 05:22
简单实现了TableLay与ViewPager的简单结合,这里用的是fragment;
效果图如下:
首先,要使用TabLayout必须在AndroidStudio中导入这个依赖库(根据自己编译sdk版本选择)
compile 'com.android.support:design:25.1.0'
主界面布局:注意这里的tablelayout要用android.support.design.widget.TabLayout中的而不是android.widget.TableLayout;另外注意app的命名空间
<?xml version="1.0" encoding="utf-8"?><LinearLayout 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:orientation="vertical"> <android.support.design.widget.TabLayout android:id="@+id/main_tab" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabSelectedTextColor="@android:color/white" app:tabTextColor="#000000" app:tabIndicatorColor="#FF4081" app:tabGravity="fill" app:tabBackground="@android:color/holo_blue_bright"> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/main_viewpager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"/></LinearLayout>
其中TabLayout有几个属性:
app:tabSelectedTextColor:Tab被选中时字体的颜色
app:tabTextColor :默认Tab字体的颜色
app:tabIndicatorColor:被选中时下划线的颜色
app:tabGravity=”fill” 或者 “center” Tab的布局模式 分别是平铺和居中
app:tabBackground:TabLayout背景的颜色
Fragment的布局
就中间显示一个TextView
注意:fitsSystemWindows=”true”
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/fragment_ll" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" android:gravity="center"> <TextView android:id="@+id/fragment_textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20sp" android:textColor="@android:color/black" android:text="Tab1"/></LinearLayout>
Fragment代码
public class ViewPagerFragment extends Fragment { private int mTitle; private int mColor; private TextView mTextView; private LinearLayout mLinear; public static ViewPagerFragment newInstance(int title , int color){ ViewPagerFragment fragment = new ViewPagerFragment(); Bundle bundle = new Bundle(); bundle.putInt("title",title); bundle.putInt("color",color); fragment.setArguments(bundle); return fragment; } @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); mTitle = getArguments().getInt("title"); mColor = getArguments().getInt("color"); } @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment, container, false); mTextView = (TextView) view.findViewById(R.id.fragment_textView); mTextView.setText("Page"+(mTitle + 1)); mLinear = (LinearLayout) view.findViewById(R.id.fragment_ll); /**这里注意是setBackgroundResource不是setBackgroundColor;setBackgroundResource(int resId)方法的参数是一个组件的id值。该方法也是用于加载组件的背景图片的;setBackgroundColor(Color.XXX)方法参数为一个Color类的静态常量.顾名思义,它是用来设置背景颜色的方法.*/ mLinear.setBackgroundResource(mColor); return view; }}
Adapter
public class MyAdapter extends FragmentPagerAdapter { private int mCount = 3 ; private int[] mColors = new int[]{android.R.color.holo_orange_dark,android.R.color.holo_green_dark ,android.R.color.holo_blue_dark}; public MyAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return ViewPagerFragment.newInstance(position,mColors[position]); } @Override public int getCount() { return mCount; } @Override public CharSequence getPageTitle(int position) { return "Page" + (position + 1); }}
Activity
public class MainActivity extends AppCompatActivity { private MyAdapter mAdapter; private ViewPager mViewPager; private TabLayout mTableLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mAdapter = new MyAdapter(getSupportFragmentManager()); mViewPager = (ViewPager) findViewById(R.id.main_viewpager); mViewPager.setAdapter(mAdapter); mTableLayout = (TabLayout) findViewById(R.id.main_tab); mTableLayout.setupWithViewPager(mViewPager); mTableLayout.setTabMode(TabLayout.MODE_FIXED); }}
0 0
- TableLayout与ViewPager的简单应用
- ViewPager+TableLayout 的简单用法
- TableLayout与TabeLayout+ViewPager的使用
- TableLayout与ViewPager联动
- Fragment与ViewPager嵌套的简单应用
- ViewPager的简单应用
- ViewPager的简单应用
- ViewPager的简单应用
- ViewPager的简单应用
- TableLayout和ViewPager的使用
- ViewPager的简单应用(二)
- Android ViewPager 的简单应用
- TableLayout+ViewPager
- TableLayout的简单使用
- TableLayout 简单的记录
- 四.简单的TableLayout布局
- TableLayout表格简单的使用
- android开发--ViewPager的简单应用
- 重写ajax
- 数据结构期末复习
- bootstrapTable 数据绑定和修改列
- c++继承
- Menu中icon不显示
- TableLayout与ViewPager的简单应用
- video标签
- study-22: Mysql 单实例、多实例安装
- Android中如何让控件只显示某一边框
- 异或加密,不消耗额外空间
- 金蝶K3Cloud常用数据表整理
- Maven打包可执行jar,同时指定依赖的jar
- 程序设计——小型计算机
- 华为的P7手机无法打印Log