web-dev-qa-db-ja.com

タブ右から左に方向をスワイプAndroid app

タブのある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>

あなたが私を助けてくれることを願っています。

ありがとう!

8
amitairos

追加した:

Android:layoutDirection="ltr"からTabLayout

ない

Android:layoutDirection="rtl"

そしてそれはうまくいきました

14
EAGLE4YE

私のアプリは英語とヘブライ語の両方で動作するため、同じ問題が発生しました。これが私がしたことです:

  1. タブアクティビティで設定Android:layoutDirection="ltr"

  2. タブアクティビティJava – in onCreateは、言語がヘブライ語の場合、最後のページに移動しました。

  3. PlaceholderFragmentクラスでonCreateViewgetPageTitleの両方で、言語がヘブライ語であるかどうかを確認し、ヘブライ語である場合は、ビューとタイトルを逆の順序で返しました。

質問はヘブライ語だけでなく、一般的に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);
                }
            }
        }
    }
}
6
Rom

最も簡単な方法は、次の1行のコードを使用することです。

tabLayout.setLayoutDirection(View.LAYOUT_DIRECTION_LTR);

タブのRTL順序については、ページャーで行う必要があります。

viewPager.setCurrentItem(adapter.getCount());

おかげで:arash-hatemi

2
Rezasys

同じ問題があります。 this によると、簡単な解決策はないようです。これらのrtlViewPagerライブラリの1つを使用できます-

1
Eliran Tutia

TabLayoutに追加するだけで、正常に機能します

Android:layoutDirection="ltr"
0
NN73 Player

アダプタを設定した直後に、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);
0
saurabh yadav

このコードを使用するだけです:

mViewPager.setPageTransformer(true,null);
0
Matin Gdz
  • アダプターでモデルの配列を使用し、RTLの場合は逆に追加します。

    fragmentPagerAdapter.Javaで

    public void addTabs(ArrayList<TabItemAdapterModel> tabItemAdapterModels){
    
        if (UserDefaultUtil.deviceLanguageIsArabic()){
    
            Collections.reverse(tabItemAdapterModels);
        }
    
        models.addAll(tabItemAdapterModels);
    }
    
  • rTL(フラグメント/アクティビティクラス)の場合、ビューページャー用に選択したページを最新のページとして選択します。

    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);
}

}

0
Islam Assi