我遇到了android TabLayout
的棘手问题 void setupTabs(ViewPager viewPager, TabLayout tabLayout) {
ProductsPagerAdapter adapter = new ProductsPagerAdapter(getChildFragmentManager(), rootCategory.getChildCategories());
viewPager.setAdapter(adapter);
tabLayout.setupWithViewPager(viewPager);
setStartingSelection(viewPager, adapter);
}
private void setStartingSelection(ViewPager viewPager, ProductsPagerAdapter adapter) {
for(int i = 0 ; i < adapter.getCount(); i++){
String title = (String) adapter.getPageTitle(i);
if(title.equals(selectedCategory.getName())){
viewPager.setCurrentItem(i);
break;
}
}
}
当我选择左侧最前面的选项卡时,然后向右滚动选项卡并选择右侧最前面的选项卡,TabLayout首先再次显示左侧选项卡,然后滚动到右侧的选定选项卡。这是我的设置代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/toolbar_color"
app:navigationIcon="@drawable/ic_back_white"
app:title="@string/title_transport"
app:titleTextColor="@color/title_color"/>
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="scrollable"
app:tabTextColor="@color/white"
app:tabIndicatorColor="@color/tab_indicator"
app:tabGravity="fill"/>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="0px"
android:layout_weight="1"
android:background="@android:color/white" />
</LinearLayout>
布局
{{1}}
答案 0 :(得分:4)
你可以试试这段代码
tabLayout.setupWithViewPager(viewPager);
// little hack to prevent unnecessary tab scrolling
tabLayout.clearOnTabSelectedListeners();
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
viewPager.setCurrentItem(tab.getPosition(), false);
}
@Override
public void onTabUnselected(TabLayout.Tab tab) { }
@Override
public void onTabReselected(TabLayout.Tab tab) { }
});
或者您也可以直接在最后一行
执行此操作tabLayout.addOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(viewPager) {
@Override
public void onTabSelected(TabLayout.Tab tab) {
viewPager.setCurrentItem(tab.getPosition(), false);
}
});
答案 1 :(得分:2)
其实你正在处理滚动问题。是。问题是,TabLayout扩展了HorizontalScrollView。 试试这样的事情。
$q= "select * from user where username = '$yoursessionusername'"
答案 2 :(得分:0)
更改您的方法如下:
private void setStartingSelection(ViewPager viewPager, ProductsPagerAdapter adapter) {
int tabPosition=0;
for(int i = 0 ; i < adapter.getCount(); i++){
String title = (String) adapter.getPageTitle(i);
if(title.equals(selectedCategory.getName())){
tabPosition=i;
break;
}
}
viewPager.setCurrentItem(tabPosition);
}
我希望这会对你有所帮助。
答案 3 :(得分:0)
经过大量搜索,我明白我需要另一个看起来像TabLayout的组件,但不会是TabLayout。所以我用过 ViewPagerIndicator。
它与TabLayout非常相似,但它缺少很酷的选择动画和选定的标签指示动画,这些动画存在于TabLayout中。它也没有调整文本大小以适应标签,这很好,并且它也没有调整标签大小以适应文本,这很糟糕(尝试了所有我知道的样式参数 - 无法使其包装文本)。
但它选择标签就好了,没有额外的滚动。不幸的是,AndroidArsenal不包含更好的解决方案(至少在搜索时没有)。
答案 4 :(得分:0)
您可以使用此自定义ViewPager,它可以帮助您:)
<div id="banner" class="banner-header">
<a class="element" href="/">Home</a>
<a class="element" href="/shop/">Shop</a>
<a class="element" href="/our-story/">Our Story</a>
<img id="logo" class="element" src="http://www.jamaicacannabisestates.com/wp-content/uploads/2018/03/new-logo.png" />
<a class="element" href="/products/">Products</a>
<a class="element" href="/contact-us/">Contact Us</a>
<a class="element" href="/foundation/">Foundation</a>
</div>
<div class="bot">
<p>XXXX XXXXX</p>
</div>
答案 5 :(得分:0)
我认为值得使用 TabLayoutMediator
它看起来像这样
TabLayoutMediator(tabs, view_pager, true, false) { tab, position ->
tab.text = ""
}.attach()