带有 TabLayout 的片段内的 ScrollView 不滚动,为啥?
Posted
技术标签:
【中文标题】带有 TabLayout 的片段内的 ScrollView 不滚动,为啥?【英文标题】:ScrollView inside a fragment with TabLayout is not scrolling, why?带有 TabLayout 的片段内的 ScrollView 不滚动,为什么? 【发布时间】:2016-05-11 11:34:35 【问题描述】:我是 android 开发的菜鸟,我正在学习密码学入门课程,所以我决定将两者结合起来制作这个应用程序。我使用 TabLayout 为每种密码方法(RSA 和 XOR)制作一个选项卡,并为说明和帮助创建一个选项卡。一切都运行良好,直到我在帮助选项卡中添加了一个滚动视图和说明。 scrollView 没有滚动,我不知道为什么,我一直在网上搜索帮助并做所有可能的解决方案,比如更改宽度和高度 ScrollView 属性,我卡住了,你能帮帮我吗? Screenshots
-----编辑 3/02/16-----
** 我的 main_activity.xml **
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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_
android:layout_
android:fitsSystemWindows="true"
tools:context="com.example.usuario.chatparritos.MainActivity">
<android.support.design.widget.AppBarLayout
android:layout_
android:layout_
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_
android:layout_
android:background="?attr/colorPrimary"
android:elevation="4dp"
android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_
android:layout_
android:layout_below="@+id/toolbar"
android:background="?attr/colorPrimary"
android:elevation="6dp"
android:minHeight="?attr/actionBarSize"
app:tabMode="fixed"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/pager"
android:layout_
android:layout_
android:layout_below="@+id/toolbar"
tools:context="net.voidynullness.android.tabitytabs.TabLayoutActivity"
android:background="#ffffff"/>
</android.support.design.widget.AppBarLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_
android:layout_
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:src="@android:drawable/ic_dialog_info"/>
</android.support.design.widget.CoordinatorLayout>
-----//编辑 3/02/16-----
这是我的 tab_fragment_3.xml
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:fillViewport="true"
android:focusableInTouchMode="true"
android:focusable="true"
android:scrollbars="vertical"
android:id="@id/scrollView">
<LinearLayout android:layout_
android:layout_
android:orientation="vertical"
android:background="#FFFFFF"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:gravity="left">
<TextView
android:layout_
android:layout_
android:text="@string/title_chatparritos"
android:textSize="20dp"
android:layout_marginTop="15dp"
android:textAppearance="@style/TextAppearance.AppCompat.Title"/>
<TextView
android:layout_
android:layout_
android:text="@string/body_chatparritos"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="15dp"
android:layout_marginTop="9dp"
android:background="@drawable/blue_cornered_textview"/>
<TextView
android:layout_
android:layout_
android:text="@string/link_khan"
android:layout_marginTop="-19dp"
android:textAppearance="@style/TextAppearance.Design.Hint"
android:textSize="15dp"
android:linksClickable="true"
android:id="@+id/linkAcademy"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_
android:layout_
android:text="@string/title_xor"
android:textSize="20dp"
android:layout_marginTop="25dp"
android:textAppearance="@style/TextAppearance.AppCompat.Title"/>
<TextView
android:layout_
android:layout_
android:text="@string/body_xor"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="15dp"
android:layout_marginTop="9dp"
android:background="@drawable/blue_cornered_textview"/>
<TextView
android:layout_
android:layout_
android:text="@string/instructions_xor"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="15dp"
android:layout_marginTop="15dp"
android:background="@drawable/yellow_cornered_textview"
android:textStyle="bold"/>
<TextView
android:layout_
android:layout_
android:text="@string/title_rsa"
android:textSize="20dp"
android:layout_marginTop="25dp"
android:textAppearance="@style/TextAppearance.AppCompat.Title"/>
<TextView
android:layout_
android:layout_
android:text="@string/body_rsa"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="15dp"
android:layout_marginTop="9dp"
android:background="@drawable/blue_cornered_textview"/>
<TextView
android:layout_
android:layout_
android:text="@string/link_rsa"
android:layout_marginTop="-19dp"
android:textAppearance="@style/TextAppearance.Design.Hint"
android:textSize="15dp"
android:linksClickable="true"
android:id="@+id/linkRSA"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_
android:layout_
android:text="@string/instructions_rsa"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="15dp"
android:layout_marginTop="15dp"
android:background="@drawable/yellow_cornered_textview"
android:textStyle="bold"/>
<TextView
android:layout_
android:layout_
android:text="@string/title_numeros"
android:textSize="20dp"
android:layout_marginTop="25dp"
android:textAppearance="@style/TextAppearance.AppCompat.Title"/>
<TextView
android:layout_
android:layout_
android:text="@string/body_numeros"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="15dp"
android:layout_marginTop="9dp"
android:background="@drawable/blue_cornered_textview"/>
<TextView
android:layout_
android:layout_
android:text="@string/nota"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="15dp"
android:layout_marginTop="30dp"
android:layout_marginBottom="30dp"
android:background="@drawable/red_cornered_textview"/>
</LinearLayout>
</ScrollView>
这是我的 TabFragment3.java
public class TabFragment3 extends Fragment
TextView linkAcademy;
TextView linkRsa;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
View view = inflater.inflate(R.layout.tab_fragment_3, container, false);
linkAcademy = (TextView) view.findViewById(R.id.linkAcademy);
linkAcademy.setMovementMethod(LinkMovementMethod.getInstance());
linkRsa = (TextView) view.findViewById(R.id.linkRSA);
linkRsa.setMovementMethod(LinkMovementMethod.getInstance());
return view;
我的 PagerAdapter.java
public class PagerAdapter extends FragmentStatePagerAdapter
int mNumOfTabs;
public PagerAdapter(FragmentManager fm, int numOfTabs)
super(fm);
this.mNumOfTabs = numOfTabs;
@Override
public Fragment getItem(int position)
switch (position)
case 0:
TabFragment1 tab1 = new TabFragment1();
return tab1;
case 1:
TabFragment2 tab2 = new TabFragment2();
return tab2;
case 2:
TabFragment3 tab3 = new TabFragment3();
return tab3;
default:
return null;
@Override
public int getCount()
return mNumOfTabs;
还有我的 MainActivity.java
public class MainActivity extends AppCompatActivity
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
tabLayout.addTab(tabLayout.newTab().setText("XOR"));
tabLayout.addTab(tabLayout.newTab().setText("RSA"));
tabLayout.addTab(tabLayout.newTab().setText(R.string.tab_help));
tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
final ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
final PagerAdapter adapter = new PagerAdapter
(getSupportFragmentManager(), tabLayout.getTabCount());
viewPager.setAdapter(adapter);
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener()
@Override
public void onTabSelected(TabLayout.Tab tab)
viewPager.setCurrentItem(tab.getPosition());
@Override
public void onTabUnselected(TabLayout.Tab tab)
@Override
public void onTabReselected(TabLayout.Tab tab)
);
FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener()
@Override
public void onClick(View view)
Snackbar.make(view, R.string.fab_info, Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
);
【问题讨论】:
scrollview 中是否有足够的内容可以滚动? @VivekMishra 是的,当我在模拟器和手机中测试应用程序时,只显示了 3 个第一个 TextView,您可以在右侧看到滚动条,但是当我触摸滚动时它不会不工作 添加您的主要活动 xml @VivekMishra 完成 :) 在运行app的时候能看到scrollview中的任何内容吗? 【参考方案1】:主要问题在于您的main_activity.xml
。尝试复制我从chrisbanes' project 获得的这个布局,让我们看看会发生什么:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_content"
android:layout_
android:layout_>
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_
android:layout_
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_
android:layout_
android:background="?attr/colorPrimary"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_scrollFlags="scroll|enterAlways" />
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_
android:layout_ />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_
android:layout_
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_
android:layout_
android:layout_gravity="end|bottom"
android:layout_marginRight="24dp"
android:layout_marginBottom="24dp"
app:fabSize="normal"
app:borderWidth="0dp"
app:elevation="6dp"
android:src="@drawable/ic_done"/>
</android.support.design.widget.CoordinatorLayout>
在某些情况下,在CoordinatorLayout
中使用ScrollView
可能会导致屏幕无法滚动。所以请改用NestedScrollView
。
【讨论】:
它工作!!!!!! ,我不知道该怎么感谢你!,我一直在寻找解决方案,谢谢,我所做的只是替换我的activity_main.xml模板,它可以工作,谢谢!再次 嗨@Anggrayudi 我也有同样的问题,但你的布局对我没有帮助是这个问题的任何其他解决方案。 用 NestedScrollView 替换 ScroolView 对我有用。谢谢。以上是关于带有 TabLayout 的片段内的 ScrollView 不滚动,为啥?的主要内容,如果未能解决你的问题,请参考以下文章
getPageTitle() 没有被片段内的 Tablayout 调用