Android 材料表布局标高不工作
由于某些原因,“立面”属性似乎无法在材质设计支持库中的新表格布局上工作。有什么想法吗? XML: 图片: 该活动有一个工具栏,但它位于片段之外,不应影响tablayout的阴影能力: 相关活动xml:Android 材料表布局标高不工作,android,material-design,android-elevation,Android,Material Design,Android Elevation,由于某些原因,“立面”属性似乎无法在材质设计支持库中的新表格布局上工作。有什么想法吗? XML: 图片: 该活动有一个工具栏,但它位于片段之外,不应影响tablayout的阴影能力: 相关活动xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="mat
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.bluckapps.appinfomanager.ui.MainActivity">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:elevation="6dp"
android:minHeight="?attr/actionBarSize"
tools:ignore="UnusedAttribute" />
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
</LinearLayout>
您应该使用
工具栏
和表格布局
。然后,您可以将它们都放在AppBarLayout
中并获得阴影。这只适用于棒棒糖+
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
style="@style/ToolBarStyle"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:minHeight="@dimen/abc_action_bar_default_height_material"/>
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
</LinearLayout>
您需要使用CoordinatorLayout作为活动的容器布局,然后将表格布局放在AppBarLayout的正下方。
根据材料设计规格,您应该使用
android:elevation="4dp"
立面图,并使表格布局成为AppBarLayout的一部分。
还请注意,高程仅在v21(5.0)或更高版本上可见。无需使用片段。活动布局就足够了。比如:
<android.support.design.widget.CoordinatorLayout
android:id="@+id/home_coordinator_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/home_appbar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:elevation="2dp"
app:paddingEnd="0dp"
app:paddingStart="0dp">
<include layout="@layout/toolbar_appcompat"></include>
<android.support.design.widget.TabLayout
android:id="@+id/home_tab_layout"
style="@style/TabLayoutStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabContentStart="2dp"
app:tabGravity="fill"
app:tabIndicatorColor="@android:color/white"
app:tabIndicatorHeight="2dp"
app:tabMinWidth="24dp"
app:tabMode="fixed"
app:tabPadding="1dp"
app:tabSelectedTextColor="@android:color/tab_indicator_text"
app:tabTextColor="@android:color/darker_gray" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/home_view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
app:paddingEnd="0dp"
app:paddingStart="0dp" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab_home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:src="@drawable/arrow_toggle"
app:borderWidth="1dp"
app:elevation="3dp"
app:fabSize="normal"
app:layout_anchor="@+id/home_coordinator_layout"
app:layout_anchorGravity="bottom|right|end"
app:pressedTranslationZ="2dp"
app:rippleColor="@color/swipe_refresh_color_scheme_green" />
</android.support.design.widget.CoordinatorLayout>
要进行阴影显示,必须在表格布局上设置背景。它可以是与窗口背景相同的颜色(只要是没有alpha的纯色)
以上所有答案对我都不适用,所以我发现:
app:tabIndicatorHeight="4dp"
app:tabIndicatorColor="@color/colorAccent"
那好吧 您是否正在使用工具栏
(我知道它没有在您的布局中显示,但我只是想知道)?还要注意的是,android:elevation
属性仅适用于API级别21及以上(即android棒棒糖(5.0)及以上)。外观应在选项卡下方,而不是选项卡上方有阴影。工具栏位于片段外部的活动中。我可以把这个问题扩大一点来说明你有没有试过:你的风格是假是假?这将移除ActionBar下的阴影。然后,您可以在布局的顶部添加一个xml视图,显示较暗的颜色。立面是否在表格布局上单独起作用?这只是一个解决方法,可能是解决该问题的最佳实践。我不知道它不起作用的确切原因。非常感谢,但是是否有相关的bug或它不起作用的原因?我想我要问的是,我是不是用错了,还是谷歌的某个地方真的有bug?我很有信心,这是进行TabLayout的最佳实践。用AppBar包装它。在设计库的未来版本中,谷歌可能会为prte棒棒糖添加阴影支持。这不是关于预上市的问题,整个问题只有5.0+左右。但这仍然不能回答到底出了什么问题。你可能应该使用app:elevation
小心,只有v21+这在没有添加底部边距的情况下对我不起作用。对于4dp的提升,android:layout_marginBottom=“10dp”
完成了这项工作。
<android.support.design.widget.CoordinatorLayout
android:id="@+id/home_coordinator_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/home_appbar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:elevation="2dp"
app:paddingEnd="0dp"
app:paddingStart="0dp">
<include layout="@layout/toolbar_appcompat"></include>
<android.support.design.widget.TabLayout
android:id="@+id/home_tab_layout"
style="@style/TabLayoutStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabContentStart="2dp"
app:tabGravity="fill"
app:tabIndicatorColor="@android:color/white"
app:tabIndicatorHeight="2dp"
app:tabMinWidth="24dp"
app:tabMode="fixed"
app:tabPadding="1dp"
app:tabSelectedTextColor="@android:color/tab_indicator_text"
app:tabTextColor="@android:color/darker_gray" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/home_view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
app:paddingEnd="0dp"
app:paddingStart="0dp" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab_home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:src="@drawable/arrow_toggle"
app:borderWidth="1dp"
app:elevation="3dp"
app:fabSize="normal"
app:layout_anchor="@+id/home_coordinator_layout"
app:layout_anchorGravity="bottom|right|end"
app:pressedTranslationZ="2dp"
app:rippleColor="@color/swipe_refresh_color_scheme_green" />
</android.support.design.widget.CoordinatorLayout>
<!-- res/drawable/myrect.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#42000000" />
<corners android:radius="5dp" />
</shape>
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:elevation="6dp"
android:background="@color/white" />
app:tabIndicatorHeight="4dp"
app:tabIndicatorColor="@color/colorAccent"