带有半透明导航的 Snackbar 和 CollapsingToolbarLayout
Snackbar and CollapsingToolbarLayout with TranslucentNavigation
我已经从 Android Studio Templets 创建了一个带有滚动 Activity 的应用程序来测试我的主应用程序的编码是否影响该行为,所以我刚刚添加到代码中:
<item name="android:windowTranslucentNavigation" tools:targetApi="kitkat">true</item>
显示导航栏后面的 Snackbar,如屏幕截图所示(PS:我正在使用 Xstane 重新设计我手机上的导航栏,但我认为这不会影响代码,因为我已经尝试使用 TranslucentNavigation没有 CollapsingToolbarLayout 的 Snackbar 效果很好)
应用支持
- windowTranslucentNavigation
- 小吃店
- CollapsingToolbarLayout
- 浮动操作按钮
这是主要的代码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_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".testscanbarwithcollapsing.ScrollingActivity"
>
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay"
>
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay"
/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_scrolling"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
app:layout_anchor="@id/app_bar"
app:layout_anchorGravity="bottom|end"
app:srcCompat="@android:drawable/ic_dialog_email"
/>
已更新:这里是显示 Snackbar 的 FloatingButton 的 onClick 代码(此代码位于主要 activity 的 onCreate 中)
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
fabProgressCircle.show();
Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
private static void show(final Activity activity, Snackbar snackbar) {
if (ScreenUtils.isTranslucentNavigationBar(activity)){
final FrameLayout snackBarView = (FrameLayout) snackbar.getView();
final FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) snackBarView.getChildAt(0).getLayoutParams();
params.setMargins(params.leftMargin,
params.topMargin,
params.rightMargin,
params.bottomMargin + ScreenUtils.getNavigationBarHeight(activity));
snackBarView.getChildAt(0).setLayoutParams(params);
}
snackbar.show();
}
public static boolean isTranslucentNavigationBar(Activity activity) {
Window w = activity.getWindow();
WindowManager.LayoutParams lp = w.getAttributes();
int flags = lp.flags;
return Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
&& (flags & WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION)
== WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION;
}
这个理想对我有用!
我已经从 Android Studio Templets 创建了一个带有滚动 Activity 的应用程序来测试我的主应用程序的编码是否影响该行为,所以我刚刚添加到代码中:
<item name="android:windowTranslucentNavigation" tools:targetApi="kitkat">true</item>
显示导航栏后面的 Snackbar,如屏幕截图所示(PS:我正在使用 Xstane 重新设计我手机上的导航栏,但我认为这不会影响代码,因为我已经尝试使用 TranslucentNavigation没有 CollapsingToolbarLayout 的 Snackbar 效果很好)
应用支持
- windowTranslucentNavigation
- 小吃店
- CollapsingToolbarLayout
- 浮动操作按钮
这是主要的代码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_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".testscanbarwithcollapsing.ScrollingActivity"
>
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay"
>
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay"
/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_scrolling"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
app:layout_anchor="@id/app_bar"
app:layout_anchorGravity="bottom|end"
app:srcCompat="@android:drawable/ic_dialog_email"
/>
已更新:这里是显示 Snackbar 的 FloatingButton 的 onClick 代码(此代码位于主要 activity 的 onCreate 中)
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
fabProgressCircle.show();
Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
private static void show(final Activity activity, Snackbar snackbar) {
if (ScreenUtils.isTranslucentNavigationBar(activity)){
final FrameLayout snackBarView = (FrameLayout) snackbar.getView();
final FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) snackBarView.getChildAt(0).getLayoutParams();
params.setMargins(params.leftMargin,
params.topMargin,
params.rightMargin,
params.bottomMargin + ScreenUtils.getNavigationBarHeight(activity));
snackBarView.getChildAt(0).setLayoutParams(params);
}
snackbar.show();
}
public static boolean isTranslucentNavigationBar(Activity activity) {
Window w = activity.getWindow();
WindowManager.LayoutParams lp = w.getAttributes();
int flags = lp.flags;
return Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
&& (flags & WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION)
== WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION;
}
这个理想对我有用!