标签在从右到左的Android应用中滑动方向

时间:2016-05-12 20:21:16

标签: android android-layout xamarin xamarin.android android-tabs

我有一个包含标签的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 个答案:

答案 0 :(得分:12)

我补充说:

android:layoutDirection="ltr"TabLayout

不是

android:layoutDirection="rtl"

它工作得很好

答案 1 :(得分:6)

我遇到了同样的问题,因为我的应用适用于英语和希伯来语。这是我做的:

  1. 在标签活动android:layoutDirection="ltr"中设置。

  2. 在标签活动中,如果语言是希伯来语,则onCreate移动到最后一页。

  3. PlaceholderFragmentonCreateView中的getPageTitl类中,检查语言是否为希伯来语,如果是,则返回视图并按相反顺序返回。

  4. 我知道问题是关于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);
                    }
                }
            }
        }
    }
    

答案 2 :(得分:2)

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

tabLayout.setLayoutDirection(View.LAYOUT_DIRECTION_LTR);

对于选项卡的RTL排序,您应该在寻呼机中执行此操作:

viewPager.setCurrentItem(adapter.getCount());

感谢:arash-hatemi

答案 3 :(得分:1)

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

答案 4 :(得分:0)

在您设置适配器后,只需在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);

答案 5 :(得分:0)

只需使用此代码:

mViewPager.setPageTransformer(true,null);

答案 6 :(得分:0)

  • 在适配器上使用一系列模型,并在RTL情况下反向添加。

    在FragmentPagerAdapter.java

        $uid = Auth::id();
    
        $homeCovering = DB::table('bid_requests')
            ->leftJoin('bid_home_coverings', 'bid_requests.id', '=', 'bid_home_coverings.bidId')
            ->where('bid_requests.userId', '=', $uid)
            ->where('district', '!=', null)
            ->get();
    
        $vehicleCovering = DB::table('bid_requests')
            ->leftJoin('bid_vehicle_coverings', 'bid_requests.id', '=', 'bid_vehicle_coverings.bidId')
            ->where('bid_requests.userId', $uid)
            ->where('district', '!=', null)
            ->get();
    
  • 在RTL情况下(在Fragment / Activity类中)为View pager选择选定的页面作为最新页面。

    public void addTabs(ArrayList<TabItemAdapterModel> tabItemAdapterModels){
    
        if (UserDefaultUtil.deviceLanguageIsArabic()){
    
            Collections.reverse(tabItemAdapterModels);
        }
    
        models.addAll(tabItemAdapterModels);
    }
    

完整的适配器代码:

if (UserDefaultUtil.deviceLanguageIsArabic()){

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

}

答案 7 :(得分:0)

只需添加到您的TabLayout中,它将正常工作

android:layoutDirection="ltr"