2016-04-18 11 views
2
<include 
    android:id="@+id/tool_bar" 
    layout="@layout/toolbar"/> 

<android.support.design.widget.TabLayout 
    android:id="@+id/tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/PrimaryColor" 
    android:layout_below="@+id/tool_bar" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" /> 
<android.support.v4.view.ViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/tabs" 
    /> 

タブがスワイプするとスライディングタブはうまく動作しますが、タブクリックでは機能しません。タブ・リックは、関連するタブ・コンテンツにスワイプしません。以下 は私がviewpagerとSlidingTabLayoutに取り組んでいますどこMainActivity.javaがある:あなたのActivityFragmentクラスでSlidingtabLayoutでタブをクリックしたときに切り替えタブが機能しない

public class MainActivity extends AppCompatActivity implements View.OnClickListener{ 
    //Declaring All The Variables Needed 
    private Toolbar toolbar; 
    private TabLayout tabLayout; 
    private ViewPager viewPager; 
    private ViewPagerAdapter viewPagerAdapter; 

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

     /* 
     Assigning view variables to their respective view in xml 
     by findViewByID method 
     */ 

     toolbar = (Toolbar) findViewById(R.id.tool_bar); 
     tabLayout = (TabLayout) findViewById(R.id.tabs); 
     viewPager = (ViewPager) findViewById(R.id.viewpager); 

     /* 
     Creating Adapter and setting that adapter to the viewPager 
     setSupportActionBar method takes the toolbar and sets it as 
     the default action bar thus making the toolbar work like a normal 
     action bar. 
     */ 
     viewPagerAdapter = new ViewPagerAdapter(getSupportFragmentManager()); 
     viewPager.setAdapter(viewPagerAdapter); 
     setSupportActionBar(toolbar); 

     /* 
     TabLayout.newTab() method creates a tab view, Now a Tab view is not the view 
     which is below the tabs, its the tab itself. 
     */ 

     final TabLayout.Tab tasbih1 = tabLayout.newTab(); 
     final TabLayout.Tab tasbih2 = tabLayout.newTab(); 
     final TabLayout.Tab tasbih3 = tabLayout.newTab(); 
     final TabLayout.Tab tasbih4 = tabLayout.newTab(); 

     /* 
     Setting Title text for our tabs respectively 
     */ 

     tasbih1.setText("تسبيح"); 
     tasbih2.setText("إستغفار"); 
     tasbih3.setText("عدد الركعات"); 
     tasbih4.setText("إتجاه القبلة"); 

     /* 
     Adding the tab view to our tablayout at appropriate positions 
     As I want home at first position I am passing home and 0 as argument to 
     the tablayout and like wise for other tabs as well 
     */ 
     tabLayout.addTab(tasbih1, 0); 
     tabLayout.addTab(tasbih2, 1); 
     tabLayout.addTab(tasbih3, 2); 
     tabLayout.addTab(tasbih4, 3); 


     /* 
     TabTextColor sets the color for the title of the tabs, passing a ColorStateList here makes 
     tab change colors in different situations such as selected, active, inactive etc 

     TabIndicatorColor sets the color for the indiactor below the tabs 
     */ 

     tabLayout.setTabTextColors(ContextCompat.getColorStateList(this, R.drawable.tab_selector)); 
     tabLayout.setSelectedTabIndicatorColor(ContextCompat.getColor(this, R.color.indicator)); 

     /* 
     Adding a onPageChangeListener to the viewPager 
     1st we add the PageChangeListener and pass a TabLayoutPageChangeListener so that Tabs Selection 
     changes when a viewpager page changes. 
     */ 

     viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); 




     /* 
     SensorManager mSensorManager; 

     mSensorManager = (SensorManager) getSystemService(Context.SENSOR_SERVICE); 
     if (mSensorManager.getDefaultSensor(Sensor.TYPE_MAGNETIC_FIELD) != null){ 
      //Toast.makeText(this, "Magnetic sensor exists", Toast.LENGTH_LONG).show(); 

     } 
     else { 
      Toast.makeText(this, "Magnetic sensor doesn't exist", Toast.LENGTH_LONG).show(); 
     } 
     */ 
    } 

    public void onTabSelected(TabLayout.Tab tab) { 
     // on tab selected 
     // show respected fragment view 
     viewPager.setCurrentItem(tab.getPosition()); 
    } 

    @Override 
    public void onConfigurationChanged(Configuration newConfig) { 
     super.onConfigurationChanged(newConfig); 
    } 

    @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_main, 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); 
    } 

    @Override 
    public void onClick(View v) { 

    } 

} 
+1

コードを投稿し、スタックトレースがあれば投稿してください。 –

+0

更新された質問を確認してください。 – Youri

+0

これを 'onCreate'' tabLayout.setupWithViewPager(viewPager); 'に追加します。 –

答えて

1

追加しない場合 -

TabLayout.setupWithViewPager(ViewPager); 

をこの場合は、あなたがスワイプしているとき、あなたのタブ変更されることはなく、ViewPagerのみです。それ以外の場合は、コードを投稿する必要があります

+0

ブームブーム!!それは私にとって素晴らしい作品です!ありがとう、相棒 ! – Youri

+0

ええ、 'tabLayoutという行を追加していません。setupWithViewPager(viewPager); ' ' onCreate() 'メソッドの最後に追加する –

0

次のような方法を追加してください。

tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { 
      @Override 
      public void onTabSelected(TabLayout.Tab tab) { 
       viewPager.setCurrentItem(tab.getPosition()); 
      } 

     }); 
3

あなたのタブが正面に注目していない場合は、次の1つを試してください。

findViewById(R.id.tabs).bringToFront(); 

また、忘れてしまったと思います。

tabLayout.setupWithViewPager(viewPager); 
1

viewpagerがあなたのtablayoutと重複していないかどうかチェックすることができます。重複その後、タブが

0
**I Faced The same problem, I Solved it By 

アンドロイドWROKない選択した場合:layout_below = "@ + ID/sliding_tabs" ViewPagerとAndroid上:SlidingTablayoutのlayout_height = "wrap_contentを" **

<com.androidbegin.pagertabstriptutorial.SlidingTabLayout 
     android:id="@+id/sliding_tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content">   
    </com.androidbegin.pagertabstriptutorial.SlidingTabLayout> 
<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/pager" 
    android:layout_below="@+id/sliding_tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
</android.support.v4.view.ViewPager> 
-2

は同じ目に起こりました私に。私はそれを修正しました

android:layout_below="@+id/appBarLayout" 
0

これまで私がこの問題を抱えていました。

でも(他の回答が示唆されているとして)ViewPagerがあなたのタブが重複していない場合、それは一部要素が重複している可能性があります。私の経験では、何度も、Toolbarが原因です。

まず、このレイアウトを見て、そのようなものがあることを確認します。特にTabLayoutのプロパティに注意してください:あなたは上記のようなものを持っていたら

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 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:id="@+id/container" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context=".MainActivity"> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/tab_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:elevation="6dp" 
     android:minHeight="?attr/actionBarSize" 
     app:tabMode="scrollable"> 

     <android.support.design.widget.TabItem 
      android:id="@+id/tab_home" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="@string/tab_home" /> 
<!-- And so on, with more tabs... --> 

することは、あなたが対応する活動のonCreate方法で適切なコードを持っていることを確認してください。このような何か作業をする必要があります:

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

     final TabLayout tabLayout = findViewById(R.id.tab_layout); 
     final ViewPager viewPager = findViewById(R.id.pager); 
     final PagerAdapter adapter = new PagerAdapter(this, getSupportFragmentManager(), tabLayout.getTabCount()); 

     viewPager.setAdapter(adapter); 
     tabLayout.setupWithViewPager(viewPager); 

     tabLayout.addOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(viewPager) { 
      @Override 
      public void onTabSelected(TabLayout.Tab tab) { 
       viewPager.setCurrentItem(tab.getPosition()); 
      } 

      @Override 
      public void onTabUnselected(TabLayout.Tab tab) { 
       // Nothing needed here. 
      } 

      @Override 
      public void onTabReselected(TabLayout.Tab tab) { 
       // Nothing needed here. 
      } 
     }); 
    } 

注意をそのコードでは、私はカスタムFragmentStatePagerAdapterPagerAdapterを使用すること。どのページャアダプタを使用してもかまいません。

関連する問題