android 控件 margin,Android MarginDesign控件TabLayout导航栏使用详解
TabLayout的使用簡單介紹
比如在平常的項(xiàng)目中實(shí)現(xiàn)這樣的效果，一般都是都會使用viewPageIndicate等幾個(gè)開源框架直接實(shí)現(xiàn)，或者使用自定義的HorizontalScroll再配合ViewPage+Fragment實(shí)現(xiàn)。在谷歌推出marginDesign之后，實(shí)現(xiàn)這種效果可以直接使用TabLayout實(shí)現(xiàn)。另外Tablayout可以通過自定義View自定義導(dǎo)航欄的效果。這樣使用的時(shí)候更加靈活多變。
首先需要導(dǎo)入design包
在app的build.gradle下添加design的包
dependencies {
compile 'com.android.support:design:25.0.1'
}
然后就開始擼起袖子，開始如何使用
在xml文件里面寫布局：
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:id="@+id/tabLayout"
android:layout_width="match_parent"
style="@style/MyCustomTabLayout"
android:layout_height="wrap_content" />
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
既然使用到了fragment，就免不了要添加下簡單的布局：
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="默認(rèn)" />
然后是fragment和FragmentPagerAdapter的代碼。寫過的人應(yīng)該對這個(gè)很熟了，就直接粘下代碼
public class FramentAdapter extends FragmentPagerAdapter {
private String[] titles;
public FramentAdapter(FragmentManager fm, String[] titles) {
super(fm);
this.titles = titles;
}
@Override
public Fragment getItem(int position) {
return PageFragment.newInstace(position,titles);
}
@Override
public int getCount() {
return titles.length;
}
@Override
public CharSequence getPageTitle(int position) {
return titles[position];
}
}
Fragment的代碼：
public class PageFragment extends Fragment {
private int position;
private String[] titles;
private Context context;
public static PageFragment newInstace(int position, String[] titles) {
Bundle bundle = new Bundle();
bundle.putInt("POSITION", position);
bundle.putStringArray("ARRAY", titles);
PageFragment pageFragment = new PageFragment();
pageFragment.setArguments(bundle);
return pageFragment;
}
@Override
public void onAttach(Context context) {
super.onAttach(context);
this.context=context;
}
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
position = getArguments().getInt("POSITION");
titles = getArguments().getStringArray("ARRAY");
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view =inflater.inflate(R.layout.item_layout,null);
TextView textView = (TextView) view.findViewById(R.id.textView);
textView.setText(titles[position]);
return view;
}
}
寫好這些之后最后在MainActivity中看下如何使用：
public class MainActivity extends FragmentActivity {
private TabLayout tabLayout;
private ViewPager viewPager;
private String[] titles = {"黃蓉", "郭靖", "楊過", "小龍女", "尹志平", "金輪法王", "收到貨就收到貨圣誕節(jié)"};
private TextView textView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tabLayout = (TabLayout) findViewById(R.id.tabLayout);
viewPager = (ViewPager) findViewById(R.id.viewPager);
FramentAdapter framentAdapter = new FramentAdapter(getSupportFragmentManager(), titles);
viewPager.setAdapter(framentAdapter);
tabLayout.setupWithViewPager(viewPager);
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);}
}
viewPager.setAdapter(framentAdapter);這行代碼必須在下面這行代碼之前。有興趣的可以看下源碼。 tabLayout.setupWithViewPager(viewPager);
另外 tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);給tablayout設(shè)置了這種模式，mode有兩種，這種模式大概的意思是，我內(nèi)容很多的時(shí)候，可以使tab平鋪滑動。
很多時(shí)候我們需要自己自定義樣式或者要自定義我們的tab。
自定義樣式：需要在Style文件下添加自己的樣式，然后應(yīng)用就好了，例如；
?attr/colorAccent
2dp
12dp
12dp
?attr/selectableItemBackground
@style/MyCustomTabTextAppearance
?android:textColorPrimary
14sp
?android:textColorSecondary
true
另外一種就是需要添加我們自定義的View：
首先寫要定義的布局文件；
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
android:id="@id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
/>
android:layout_width="10dp"
android:layout_height="10dp"
android:background="@drawable/bg_text" />
然后稍微修改下FragmentPagerAdapter的代碼
public class FramentAdapter extends FragmentPagerAdapter {
private String[] titles;
public FramentAdapter(FragmentManager fm, String[] titles) {
super(fm);
this.titles = titles;
}
@Override
public Fragment getItem(int position) {
return PageFragment.newInstace(position,titles);
}
@Override
public int getCount() {
return titles.length;
}
@Override
public CharSequence getPageTitle(int position) {
return null;
}
}
最后看下怎么在MainActivity中使用。
public class MainActivity extends FragmentActivity {
private TabLayout tabLayout;
private ViewPager viewPager;
private String[] titles = {"黃蓉", "郭靖", "楊過", "小龍女", "尹志平", "金輪法王", "收到貨就收到貨圣誕節(jié)"};
private TextView textView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tabLayout = (TabLayout) findViewById(R.id.tabLayout);
viewPager = (ViewPager) findViewById(R.id.viewPager);
FramentAdapter framentAdapter = new FramentAdapter(getSupportFragmentManager(), titles);
viewPager.setAdapter(framentAdapter);
tabLayout.setupWithViewPager(viewPager);
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
for (int i = 0; i < tabLayout.getTabCount(); i++) {
TabLayout.Tab tab = tabLayout.getTabAt(i);
tab.setCustomView(getTabView(i));
}
}
private View getTabView(int position) {
View view = View.inflate(this, R.layout.item_tab_view, null);
textView = (TextView) view.findViewById(R.id.textView);
textView.setText(titles[position]);
return view;
}
}
到這里就結(jié)束了TabLayout的使用。放下源碼：Tablayout的使用
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
總結(jié)
以上是生活随笔為你收集整理的android 控件 margin,Android MarginDesign控件TabLayout导航栏使用详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： h710阵列卡支持最大硬盘_DELL服务
- 下一篇： HTML+CSS+JS实现 ❤️卡通人物