android - 如何在折叠工具栏中实现选项卡布局的透明背景?并为折叠工具栏android提供背景或渐变效果?
问题描述
我的应用程序包含一个带有标签布局的折叠工具栏。选项卡有自己的背景颜色,我的@color/colorPrimary。现在我想“合并”选项卡布局和折叠工具栏,它应该都是透明的,所以背景图像从工具栏向下延伸,包括选项卡。就像它不再被背景分开一样。
需要一些这样的东西:
这就是我的应用程序现在的样子:
我的代码如下:
<?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_width="match_parent"
android:layout_height="match_parent"
android:background="#f3f3f3"
tools:context="example.jocelinthomas.dictionary.WordMeaningActivity">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsingtoolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:expandedTitleMarginBottom="60dp"
app:expandedTitleMarginEnd="5dp"
app:expandedTitleMarginStart="10dp"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleTextAppearance="@style/ExpandedTitleText"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:layout_width="match_parent"
android:layout_height="180dp"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7"
android:scaleType="centerCrop"/>
<ImageButton
android:id="@+id/btnSpeak"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_gravity="bottom|right"
android:layout_margin="15dp"
android:background="@drawable/speaker"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/mToolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
android:gravity="top"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.CollapsingToolbarLayout>
<android.support.design.widget.TabLayout
android:id="@+id/tabLayout"
style="@style/TabStyle"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_gravity="bottom"
android:background="@color/colorPrimary"
app:tabGravity="center"
app:tabMode="fixed"
app:tabSelectedTextColor="@color/colorAccent"
app:tabTextColor="@color/white">
</android.support.design.widget.TabLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
</android.support.v4.view.ViewPager>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="16dp"
android:src="@android:drawable/ic_menu_share" />
</android.support.design.widget.CoordinatorLayout>
我想要折叠工具栏的 ab/g 图像或渐变效果,并且选项卡布局背景应该是透明的,如第一张图像所示,我应该如何实现这一点?
解决方案
太容易了 在TabLayout
中使用这行代码
android:background="@android:color/transparent"
推荐阅读
- java - Java中的String Rotation程序,用于查找向后旋转的空格数
- c# - 实体框架为一对多 rel 创建查询
- linux - ELF 文件中的文本和数据段与 .text 和 .data 段有什么区别?
- python - 如何确定对象的属性及其正确的函数返回?
- php - Google Adwords 通过 Measurement Protocol 保存服务器端转化跟踪
- uml - UML 组件图关系
- c# - 如何将自定义数据类型从 C++ DLL 方法返回到 C# 代码?
- html - offsetTop 将其子元素的边距相加
- python - 如何使用 Python 和 Pyomo 和 Ipopt 获得 Hessian 和 Lagragian 的梯度来计算 KKT 矩阵
- django - Django基于多个crieria填充字段值类型表达式