Android MarginDesign 컨트롤 TabLayout 내 비게 이 션 표시 줄 사용 설명
예 를 들 어 일반적인 프로젝트 에서 이러한 효 과 를 실현 할 때 보통 viewPage Indicate 등 몇 개의 오픈 소스 프레임 워 크 를 사용 하여 직접 실현 하거나 사용자 정의 Horizontal Scroll 을 사용 하여 ViewPage+Fragment 에 맞 춰 실현 합 니 다.구 글 이 margin Design 을 출시 한 후에 이런 효 과 를 실현 하려 면 TabLayout 를 직접 사용 하여 실현 할 수 있다.또한 Tablayot 는 사용자 정의 View 를 통 해 네 비게 이 션 표시 줄 의 효 과 를 사용자 정의 할 수 있 습 니 다.이렇게 사용 할 때 더욱 유연 하고 변화 가 많다.
우선 디자인 패키지 가 져 오기
app 의 build.gradle 에 design 패 키 지 를 추가 합 니 다.
dependencies {
compile 'com.android.support:design:25.0.1'
}
그리고 소 매 를 걷 어 올 리 고 어떻게 사용 하 는 지 시작 합 니 다.xml 파일 에 레이아웃 쓰기:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
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.support.design.widget.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
style="@style/MyCustomTabLayout"
android:layout_height="wrap_content" />
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
</LinearLayout>
fragment 를 사 용 했 으 니 간단 한 레이아웃 을 추가 하 는 것 을 피 할 수 없습니다.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text=" " />
</RelativeLayout>
다음은 fragment 와 Fragment Pager Adapter 의 코드 입 니 다.쓴 사람 은 이것 에 대해 잘 알 고 있 을 것 이 니 바로 코드 를 붙 여 라.
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 = {" ", " ", " ", " ", " ", " ", " "};
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.MODESCROLLABLE);tablayot 에 이런 모드 를 설 정 했 습 니 다.mode 는 두 가지 가 있 습 니 다.이런 모드 는 제 가 내용 이 많 을 때 tab 를 평평 하 게 펼 칠 수 있다 는 뜻 입 니 다.
스타일 을 사용자 정의 하거나 tab 를 사용자 정의 해 야 할 때 가 많 습 니 다.
사용자 정의 스타일:
Style 파일 에 자신의 스타일 을 추가 하고 적용 하면 됩 니 다.예 를 들 어;
<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
<item name="tabIndicatorColor">?attr/colorAccent</item>
<item name="tabIndicatorHeight">2dp</item>
<item name="tabPaddingStart">12dp</item>
<item name="tabPaddingEnd">12dp</item>
<item name="tabBackground">?attr/selectableItemBackground</item>
<item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item>
<item name="tabSelectedTextColor">?android:textColorPrimary</item>
</style>
<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
<item name="android:textSize">14sp</item>
<item name="android:textColor">?android:textColorSecondary</item>
<item name="textAllCaps">true</item>
</style>
다른 하 나 는 사용자 정의 View 를 추가 해 야 한 다 는 것 입 니 다.먼저 정의 할 레이아웃 파일 쓰기;
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
/>
<TextView
android:layout_width="10dp"
android:layout_height="10dp"
android:background="@drawable/bg_text" />
</LinearLayout>
그리고 Fragment Pager Adapter 코드 를 살짝 수정 해 주세요.
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 = {" ", " ", " ", " ", " ", " ", " "};
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;
}
}
여기 서 TabLayout 사용 이 끝 났 습 니 다.원본 내 려 놓 기:Tablayot 사용이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.