【问题标题】:Tabs Swipe direction in Right to Left Android app标签在从右到左的 Android 应用程序中滑动方向
【发布时间】:2016-05-12 20:21:16
【问题描述】:

我有一个带有标签的 Android 应用。我希望应用从右到左。
我把 android:supportsRtl="true" 放到了 manifest 文件中,并把一些元素改成了 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>

希望你能帮助我。

谢谢!

【问题讨论】:

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


    【解决方案1】:

    我补充说:

    android:layoutDirection="ltr"TabLayout

    不是

    android:layoutDirection="rtl"

    效果很好

    【讨论】:

    • 是的,我最后就是这么做的。只需确保标签的顺序是从头到尾。
    • 但是在英文里就不一样了!所以这不是一个真正的修复。
    【解决方案2】:

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

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

    2. 如果语言是希伯来语,则在选项卡活动中 java – 在 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);
                    }
                }
            }
        }
    }
    

    【讨论】:

      【解决方案3】:

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

      tabLayout.setLayoutDirection(View.LAYOUT_DIRECTION_LTR);
      

      对于标签的 RTL 排序,您应该在 pager 中进行:

      viewPager.setCurrentItem(adapter.getCount());
      

      感谢:arash-hatemi

      【讨论】:

        【解决方案4】:

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

        【讨论】:

        • @amitairos 我有东西给你。将 android:layoutDirection="ltr" 添加到 TabLayout 并在 onCreate 方法中将 ViewPager 更改为 viewPager.setCurrentItem(lastnumber);
        【解决方案5】:

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

        【讨论】:

          【解决方案6】:
          • 使用带有适配器的模型数组,并在 RTL 的情况下将其反向添加。

            在 FragmentPagerAdapter.java 中

            public void addTabs(ArrayList<TabItemAdapterModel> tabItemAdapterModels){
            
                if (UserDefaultUtil.deviceLanguageIsArabic()){
            
                    Collections.reverse(tabItemAdapterModels);
                }
            
                models.addAll(tabItemAdapterModels);
            }
            
          • 在 RTL 的情况下(在 Fragment/Activity 类中)选择 view pager 的所选页面为最新页面。

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

          }

          【讨论】:

            【解决方案7】:

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

            android:layoutDirection="ltr"
            

            【讨论】:

            • 欢迎来到 Stack Overflow。在这里回答问题很好,但这个答案似乎重复了 EAGLE4YE 接受的答案。重复现有的答案是没有用的,它只会给这个网站增加混乱。旧问题的新答案应该为主题添加新信息或新见解。
            【解决方案8】:

            只需使用此代码:

            mViewPager.setPageTransformer(true,null);
            

            【讨论】:

            • 虽然这段代码可以回答原始问题,但一些解释对于理解解决方案以及如何将其应用于类似问题有很大的不同。
            猜你喜欢
            • 1970-01-01
            • 2018-02-01
            • 1970-01-01
            • 1970-01-01
            • 2021-11-28
            • 1970-01-01
            • 2011-04-17
            • 1970-01-01
            • 2011-03-29
            相关资源
            最近更新 更多