从右到左的选项卡滑动方向 Android 应用

Question

我有一个带有标签的 Android 应用程序。我希望应用程序从右到左。
我把 android:supportsRtl="true" 放在清单文件中，并将一些元素更改为 android:layoutDirection="rtl".

它将所有内容从右向左更改，这正是我想要的，只是它反转了选项卡中的滑动方向 - 当您向左滑动时，它会移动到左侧选项卡，而不是相反轻扫。我想把它改成常规滑动。

这是我的代码：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="right"
android:fitsSystemWindows="true"
android:id="@+id/drawer_layout">
<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layoutDirection="rtl">
    <include
        android:id="@+id/toolbar"
        android:gravity="right"
        layout="@layout/toolbar" />
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/main_layout"
        android:layout_below="@id/toolbar">
        <com.refractored.PagerSlidingTabStrip
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:textColor="#ecf0f1"
            app:pstsShouldExpand="true"/>

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            tools:context=".MainActivity" />
    </LinearLayout>
</RelativeLayout>
<android.support.design.widget.NavigationView
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:id="@+id/nav_view"
    android:layoutDirection="rtl"
    app:headerLayout="@layout/header"
    app:menu="@menu/nav_menu" />
</android.support.v4.widget.DrawerLayout>

希望你能帮助我。

谢谢！

Answer 1

我有同样的问题。根据 this 看来没有简单的解决方案。您可以使用其中一个 rtlViewPager 库 -

Answer 2

我补充说：

android:layoutDirection="ltr" 到 TabLayout.

不是

android:layoutDirection="rtl"

而且效果很好

Answer 3

我遇到了同样的问题，因为我的应用程序适用于英语和希伯来语。这是我所做的：

在选项卡中设置 activity android:layoutDirection="ltr".
在选项卡中 activity java – 在 onCreate 中，如果语言是希伯来语，则移至最后一页。
在 PlaceholderFragment class 中 onCreateView 和 getPageTitle 检查语言是否为希伯来语，如果是则返回观点和标题以相反的顺序。

我知道这个问题是关于 rtl 的一般问题，而不仅仅是希伯来语，但是可以通过更改条件轻松实现此更改。

这是我的 FinalTutorialActivity 完整代码：

package com.romsharony.finaltutorial;

import android.support.design.widget.TabLayout;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import java.util.Locale;

public class FinalTutorialActivity extends AppCompatActivity {

    /**
     * The {@link android.support.v4.view.PagerAdapter} that will provide
     * fragments for each of the sections. We use a
     * {@link FragmentPagerAdapter} derivative, which will keep every
     * loaded fragment in memory. If this becomes too memory intensive, it
     * may be best to switch to a
     * {@link android.support.v4.app.FragmentStatePagerAdapter}.
     */
    private SectionsPagerAdapter mSectionsPagerAdapter;

    /**
     * The {@link ViewPager} that will host the section contents.
     */
    private ViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_final_tutorial);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        // Create the adapter that will return a fragment for each of the three
        // primary sections of the activity.
        mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());

        // Set up the ViewPager with the sections adapter.
        mViewPager = (ViewPager) findViewById(R.id.container);
        mViewPager.setAdapter(mSectionsPagerAdapter);

        TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
        tabLayout.setupWithViewPager(mViewPager);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });

        // Go to last page if language is Hebrew
        if (Locale.getDefault().toString().equals("iw_IL") || Locale.getDefault().toString().equals("he_IL")) {
            mViewPager.setCurrentItem(2);
        }

    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_final_tutorial, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    /**
     * A placeholder fragment containing a simple view.
     */
    public static class PlaceholderFragment extends Fragment {
        /**
         * The fragment argument representing the section number for this
         * fragment.
         */
        private static final String ARG_SECTION_NUMBER = "section_number";

        public PlaceholderFragment() {
        }

        /**
         * Returns a new instance of this fragment for the given section
         * number.
         */
        public static PlaceholderFragment newInstance(int sectionNumber) {
            PlaceholderFragment fragment = new PlaceholderFragment();
            Bundle args = new Bundle();
            args.putInt(ARG_SECTION_NUMBER, sectionNumber);
            fragment.setArguments(args);
            return fragment;
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View rootView;

            // If language is Hebrew return the pages in reverse direction
            if (Locale.getDefault().toString().equals("iw_IL") || Locale.getDefault().toString().equals("he_IL")) {
                switch (getArguments().getInt(ARG_SECTION_NUMBER)) {
                    case 1:
                        rootView = inflater.inflate(R.layout.page_three, container, false);
                        break;
                    case 2:
                        rootView = inflater.inflate(R.layout.page_two, container, false);
                        break;
                    default:
                        rootView = inflater.inflate(R.layout.page_one, container, false);
                }

            } else {
                switch (getArguments().getInt(ARG_SECTION_NUMBER)) {
                    case 3:
                        rootView = inflater.inflate(R.layout.page_three, container, false);
                        break;
                    case 2:
                        rootView = inflater.inflate(R.layout.page_two, container, false);
                        break;
                    default:
                        rootView = inflater.inflate(R.layout.page_one, container, false);
                }
            }
            return rootView;
        }
    }

    /**
     * A {@link FragmentPagerAdapter} that returns a fragment corresponding to
     * one of the sections/tabs/pages.
     */
    public class SectionsPagerAdapter extends FragmentPagerAdapter {

        public SectionsPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            // getItem is called to instantiate the fragment for the given page.
            // Return a PlaceholderFragment (defined as a static inner class below).
            return PlaceholderFragment.newInstance(position + 1);
        }

        @Override
        public int getCount() {
            // Show 3 total pages.
            return 3;
        }

        @Override
        public CharSequence getPageTitle(int position) {

            // If language is Hebrew return the titles in reverse direction
            if (Locale.getDefault().toString().equals("iw_IL") || Locale.getDefault().toString().equals("he_IL")) {
                switch (position) {
                    case 0:
                        return getResources().getString(R.string.section_three);
                    case 1:
                        return getResources().getString(R.string.section_2);
                    default:
                        return getResources().getString(R.string.section_one);
                }
            } else {
                switch (position) {
                    case 2:
                        return getResources().getString(R.string.section_three);
                    case 1:
                        return getResources().getString(R.string.section_2);
                    default:
                        return getResources().getString(R.string.section_one);
                }
            }
        }
    }
}

Answer 4

设置适配器后，只需在 mViewPager 中设置当前项即可。

// Set up the ViewPager with the sections adapter. 
    mViewPager = (ViewPager) findViewById(R.id.container);
    mViewPager.setAdapter(mSectionsPagerAdapter);
//set the default item to be # 3
    mViewPager.setCurrentItem(3);

Answer 5

只需使用此代码：

mViewPager.setPageTransformer(true,null);

Answer 6

最简单的方法是使用这一行代码：

tabLayout.setLayoutDirection(View.LAYOUT_DIRECTION_LTR);

对于选项卡的 RTL 排序，您应该在寻呼机中进行：

viewPager.setCurrentItem(adapter.getCount());

感谢：arash-hatemi

Answer 7

使用带有适配器的模型数组，并在 RTL 的情况下将其反向添加。

在FragmentPagerAdapter.java

public void addTabs(ArrayList<TabItemAdapterModel> tabItemAdapterModels){

    if (UserDefaultUtil.deviceLanguageIsArabic()){

        Collections.reverse(tabItemAdapterModels);
    }

    models.addAll(tabItemAdapterModels);
}

如果是 RTL（在 Fragment/Activity class 中），请选择要查看分页器的所选页面作为最新页面。
```
if (UserDefaultUtil.deviceLanguageIsArabic()){

    ordersFilterViewPager.setCurrentItem(tabModels.size()-1);
}
```

完整适配器代码：

public class TabsPagerAdapter extends FragmentPagerAdapter {

private List<TabItemAdapterModel> models = new ArrayList<>();

private Context mContext;

public TabsPagerAdapter(android.support.v4.app.FragmentManager manager, Context context) {

    super(manager);

    this.mContext = context;
}

@Override
public Fragment getItem(int position) {

    return models.get(position).getFragmentToShow();
}

@Override
public int getCount() {

    return models.size();
}

public void addTabs(ArrayList<TabItemAdapterModel> tabItemAdapterModels){

    if (UserDefaultUtil.deviceLanguageIsArabic()){

        Collections.reverse(tabItemAdapterModels);
    }

    models.addAll(tabItemAdapterModels);
}

}

Answer 8

只需添加到您的 TabLayout 即可正常工作

android:layoutDirection="ltr"

从右到左的选项卡滑动方向 Android 应用

Tabs Swipe direction in Right to Left Android app

android

android-layout

xamarin.android

android-tabs

xamarin