PagerSlidingTabStrip은 탭을 사용하여 Android 다중 인터페이스 슬라이딩 전환을 생성합니다.

여기에서는 두 개의 라이브러리를 사용합니다. 하나는 Android SDK와 함께 제공되는 android-support-v4이고 다른 하나는 PagerSlidingTabStrip입니다. 오픈 소스 프로젝트 주소는 https://github.com/astuetz/PagerSlidingTabStrip입니다.
사용하세요. v4 ViewPager 및 Fragment를 사용해야 하며 PagerSlidingTabStrip은 애플리케이션 위의 레이블입니다.

결과 미리보기:

자, 시작해 보겠습니다~
레이아웃

If 생성에 대해서는 언급하지 않겠습니다. ActionBar를 좋아한다면 ActionBarActivity를 생성하려면 v7 지원 패키지가 필요합니다.
이 활동의 ​​레이아웃은 여기에 직접 제공됩니다.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <com.astuetz.PagerSlidingTabStrip
    android:id="@+id/tabstrip"
    android:layout_height="48dp"
    android:layout_width="match_parent" />
  <android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:overScrollMode="never"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:layout_below="@id/tabstrip" />
</RelativeLayout>

com.astuetz.PagerSlidingTabStrip은 인터페이스 상단에 있는 탭입니다. 여기서는 Android 디자인에서 강력히 권장하는 피드백 영역의 높이인 48dp의 높이를 지정했습니다.
동료가 앱을 공동 개발할 때 RadioGroup을 사용하여 이러한 태그를 만든 다음 뷰를 추가하여 아래쪽 이동 가능한 표시기를 만드는 것을 보았습니다. 실수하기 쉽고 코드 복잡도가 확실히 더 높습니다. 내 것보다 훨씬 더 높습니다. 제가 게으르고 스스로 깨닫지 못하는 것은 아니지만, 세상에는 이미 아름다운 것들이 너무 많아서 다른 사람들이 친절하게 마무리하도록 도와주고 여러분이 그것을 사용하기를 기다리고 있다는 느낌이 듭니다. 직접해야한다면 이득이 손실보다 큽니다. 누구나 멋있어지고 싶어하고, 남들보다 더 나은 것을 만들고 싶어하지만, 기존의 좋은 것들을 완벽하게 결합하는 것은 쉽지 않은 것 같아요.

관련 없는 내용을 이야기한 후 다시 본론으로 돌아가겠습니다. 말할 필요도 없이 매우 간단한 상부 및 하부 구조 레이아웃입니다. ViewPager의 android:overScrollMode="never"는 작은 팁이지만 ViewPager의 범위를 벗어난 효과는 마음에 들지 않습니다(fadingEdge="none"은 적용되지 않음). ViewPager의 범위를 벗어난 효과.

코드

우리 모두 알고 있듯이 ViewPager의 멤버는 Fragment여야 하므로 ViewPager 및 PagerSlidingTabStrip을 구성하기 전에 ViewPager에 표시할 간단한 Fragment를 생성해야 합니다.

package com.airk.myapplication.viewdemo.app.fragments;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import com.airk.myapplication.simplechat.app.widget.MyTextView; //我自定义的TextView，只是修改了默认字体，最近觉得Roboto-Light/Thin特别好看
/**
 * Simple Fragment which only has one TextView
 */
public class NumberFragment extends Fragment {
  private String content; //Fragment中显示的内容
  public static NumberFragment newInstance(String content) { //对外提供创建实例的方法，你给我需要显示的内容，我给你Fragment实例
    return new NumberFragment(content);
  }
  private NumberFragment(String content) {
    this.content = content;
  }
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    MyTextView tv = new MyTextView(getActivity());
    tv.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
        ViewGroup.LayoutParams.MATCH_PARENT));
    tv.setGravity(Gravity.CENTER);
    tv.setTextSize(26.0f);
    tv.setText(this.content);
    return tv; //只有一个全屏显示、居中的Roboto字体的TextView
  }
}

프래그먼트가 생성되고 코드에 주석이 기록됩니다. 이해하기 쉽고 매우 간단합니다. 다음은 활동 코드입니다.

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main_activity);
  getSupportActionBar().setDisplayShowHomeEnabled(false); //ActionBar不显示应用Icon
  ViewPager viewpager = (ViewPager) findViewById(R.id.viewpager); //获取ViewPager
  viewpager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { //简单创建一个FragmentPagerAdapter
    @Override
    public CharSequence getPageTitle(int position) { //必须复写这个方法，开源控件PagerSlidingTabStrip需要通过它获取标签标题
      return "Title " + (position + 1);
    }
    @Override
    public Fragment getItem(int i) {
      return NumberFragment.newInstance("Content " + (i + 1)); //返回刚刚我们创建的那个Fragment，显示内容为Content X
    }
    @Override
    public int getCount() {
      return 3; //测试只用3个标签
    }
  });
  PagerSlidingTabStrip strip = (PagerSlidingTabStrip) findViewById(R.id.tabstrip); //获取PagerSlidingTabStrip控件对象
  strip.setShouldExpand(true); //设置标签自动扩展——当标签们的总宽度不够屏幕宽度时，自动扩展使每个标签宽度递增匹配屏幕宽度，注意！这一条代码必须在setViewPager前方可生效
  strip.setViewPager(viewpager); //这是其所handle的ViewPager
  strip.setDividerColor(Color.TRANSPARENT); //设置每个标签之间的间隔线颜色 ->透明
  strip.setUnderlineHeight(3); //设置标签栏下边的间隔线高度，单位像素
  strip.setIndicatorHeight(6); //设置Indicator 游标 高度，单位像素
}

PagerSlidingTabStrip 이 컨트롤에는 각 레이블의 색상, 문자 색상, Drawable 간격 등을 포함하여 사용자 정의 가능한 많은 속성이 있습니다. 필요한 경우 Github 홈페이지와 공식 샘플을 자세히 살펴보고 이에 대해 알아볼 수 있습니다.

요약
오픈 소스 컨트롤인 PagerSlidingTabStrip과 결합하면 슬라이드 가능한 탭으로 여러 인터페이스를 쉽게 개발할 수 있습니다. 코드의 양도 솔직히 매우 적고 로직도 이해하기 쉽습니다. , Listener를 등록하지 않고도 태그와 각 인터페이스 간의 상호 작용이 구현되었습니다. (태그를 클릭하면 인터페이스가 전환되고 인터페이스를 슬라이드하면 태그가 전환됩니다.) 표시 커서도 사용자의 슬라이딩에 따라 슬라이드되어 저장되도록 설계되었습니다. 개발 시간이 많이 걸립니다.

레이블을 사용한 Android 다중 인터페이스 슬라이딩 전환을 만드는 PagerSlidingTabStrip과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!