タブのある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>
あなたが私を助けてくれることを願っています。
ありがとう!
追加した:
Android:layoutDirection="ltr"
からTabLayout
。
ない
Android:layoutDirection="rtl"
そしてそれはうまくいきました
私のアプリは英語とヘブライ語の両方で動作するため、同じ問題が発生しました。これが私がしたことです:
タブアクティビティで設定Android:layoutDirection="ltr"
。
タブアクティビティJava – in onCreate
は、言語がヘブライ語の場合、最後のページに移動しました。
PlaceholderFragment
クラスでonCreateView
とgetPageTitl
eの両方で、言語がヘブライ語であるかどうかを確認し、ヘブライ語である場合は、ビューとタイトルを逆の順序で返しました。
質問はヘブライ語だけでなく、一般的に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);
}
}
}
}
}
最も簡単な方法は、次の1行のコードを使用することです。
tabLayout.setLayoutDirection(View.LAYOUT_DIRECTION_LTR);
タブのRTL順序については、ページャーで行う必要があります。
viewPager.setCurrentItem(adapter.getCount());
おかげで:arash-hatemi
同じ問題があります。 this によると、簡単な解決策はないようです。これらのrtlViewPagerライブラリの1つを使用できます-
TabLayoutに追加するだけで、正常に機能します
Android:layoutDirection="ltr"
アダプタを設定した直後に、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);
このコードを使用するだけです:
mViewPager.setPageTransformer(true,null);
アダプターでモデルの配列を使用し、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);
}
}