Android 浮动操作按钮-第一次显示左上角
我正在显示创建片段时的FAB按钮,该按钮在单击导航项时打开 fragment_order_list.xmlAndroid 浮动操作按钮-第一次显示左上角,android,android-layout,floating-action-button,Android,Android Layout,Floating Action Button,我正在显示创建片段时的FAB按钮,该按钮在单击导航项时打开 fragment_order_list.xml 点击屏幕后,屏幕显示如下: 有什么办法可以让它变得完美吗。我将在导航视图中显示此片段。为什么给它定位?移除锚和锚重力,然后它应该工作得很好 <android.support.design.widget.FloatingActionButton android:id="@+id/order_list_add_new_button" a
点击屏幕后,屏幕显示如下:
有什么办法可以让它变得完美吗。我将在导航视图中显示此片段。
为什么给它定位?移除锚和锚重力,然后它应该工作得很好
<android.support.design.widget.FloatingActionButton
android:id="@+id/order_list_add_new_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
app:fabSize="normal"
app:layout_behavior="pl.michalz.hideonscrollexample.ScrollingFABBehavior"/>
晶圆厂的行为
public class ScrollingFABBehavior extends CoordinatorLayout.Behavior<FloatingActionButton> {
private int toolbarHeight;
public ScrollingFABBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
this.toolbarHeight = getToolbarHeight(context);
}
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
return dependency instanceof AppBarLayout;
}
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
if (dependency instanceof AppBarLayout) {
CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams) fab.getLayoutParams();
int fabBottomMargin = lp.bottomMargin;
int distanceToScroll = fab.getHeight() + fabBottomMargin;
float ratio = (float)dependency.getY()/(float)toolbarHeight;
fab.setTranslationY(-distanceToScroll * ratio);
}
return true;
}
public static int getToolbarHeight(Context context) {
final TypedArray styledAttributes = context.getTheme().obtainStyledAttributes(
new int[]{R.attr.actionBarSize});
int toolbarHeight = (int) styledAttributes.getDimension(0, 0);
styledAttributes.recycle();
return toolbarHeight;
}
}
公共类ScrollingFABBehavior扩展了CoordinatorLayout.Behavior{
私家车高度;
公共滚动行为(上下文、属性集属性){
超级(上下文,attrs);
this.toolbarHeight=getToolbarHeight(上下文);
}
@凌驾
公共布尔布局依赖项(坐标布局父项、浮动操作按钮fab、视图依赖项){
返回AppBarLayout的依赖实例;
}
@凌驾
公共布尔onDependentViewChanged(CoordinatorLayout父级、FloatingActionButton fab、视图依赖项){
if(AppBarLayout的依赖项实例){
CoordinatorLayout.LayoutParams lp=(CoordinatorLayout.LayoutParams)fab.getLayoutParams();
int fabBottomMargin=lp.bottomMargin;
int distancetoscoll=fab.getHeight()+fabBottomMargin;
浮动比率=(浮动)依赖项.getY()/(浮动)工具栏高度;
工厂设置平移Y(-DistanceToCroll*比率);
}
返回true;
}
公共静态int getToolbarHeight(上下文){
最终类型Darray styledAttributes=context.getTheme().ActainStyledAttributes(
新的int[]{R.attr.actionBarSize});
inttoolbarheight=(int)styledAttributes.getDimension(0,0);
styledAttributes.recycle();
返回高度;
}
}
尝试在布局的其余部分周围添加一个线性布局
,并将其用作布局定位点,如下所示:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<android.support.design.widget.CoordinatorLayout xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/order_list_parent_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.kevalam.koops.fragments.OrderListFragment">
<LinearLayout android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/order_list_swipe_refresh_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/order_list_recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:listitem="@layout/row_order_list_layout" />
</android.support.v4.widget.SwipeRefreshLayout>
<include
android:id="@+id/empty_view"
layout="@layout/layout_empty_view" />
<include
android:id="@+id/sync_now_layout"
layout="@layout/layout_sync_now_view" />
<LinearLayout
android:id="@+id/order_list_progress_bar_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|bottom"
android:background="@color/color_transparent"
android:padding="@dimen/padding_normal"
android:visibility="gone">
<ProgressBar
style="?android:attr/progressBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/spacing_micro"
android:indeterminate="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/spacing_micro"
android:text="@string/string_loading"
android:textColor="@color/color_white" />
</LinearLayout>
</LinearLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/order_list_add_new_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
app:fabSize="normal"
app:layout_anchor="@+id/container"
app:layout_anchorGravity="bottom|right|end"
app:layout_behavior="com.kevalam.koops.design.ScrollAwareFABBehavior"
app:srcCompat="@drawable/ic_menu_add_product" />
</android.support.design.widget.CoordinatorLayout>
</layout>
我认为您的这两行有问题:
app:layout_behavior="com.kevalam.koops.design.ScrollAwareFABBehavior"
app:layout_anchor="@+id/order_list_recycler_view"
确保你没有在任何地方更改晶圆尺寸。你太棒了:)非常感谢:)感谢:)删除这两行后,晶圆行为不起作用,隐藏在卷轴上后不会再次显示。什么是
Utils.getToolbarHeight(上下文)代码>我也会尝试一下这个,我从上面的答案中得到了解决方案。如果你有内置屏幕或工具栏以及FAB,请将android:focusable=“false”
设置到你的编辑文本中。
app:layout_behavior="com.kevalam.koops.design.ScrollAwareFABBehavior"
app:layout_anchor="@+id/order_list_recycler_view"