FloatingActionButton占据了整个屏幕的宽度
FloatingActionButton占据了整个屏幕的宽度
提问于 2017-09-25 05:02:01
对于Android新手来说，更多的android布局问题。我一直在努力学习android编程，大部分都很容易，最难的部分是布局。我现在有一个“主页”视图的Tab布局，在这个视图上我需要一个浮动的操作按钮。由于某种原因，浮动操作按钮占据了整个屏幕的宽度。按钮本身的大小是正确的，但是布局切断了屏幕的底部。我已经遵循了一些教程，无论我做什么，它总是需要我的屏幕底部的整个宽度。附加的屏幕截图它在Android Studio的模拟器中运行。布局在这里...
<?xml version="1.0" encoding="utf-8"?>
<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"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="com.google.firebase.quickstart.auth.HomeActivity"
android:orientation="vertical">
<!--<android.support.design.widget.AppBarLayout-->
<!--android:id="@+id/appbar"-->
<!--android:layout_width="match_parent"-->
<!--android:layout_height="wrap_content"-->
<!--android:paddingTop="8dp"-->
<!--android:theme="@style/AppTheme.AppBarOverlay">-->
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
</android.support.v7.widget.Toolbar>
<!--</android.support.design.widget.AppBarLayout>-->
<android.support.v4.view.ViewPager
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@color/white"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:scaleType="center"
android:padding="8dp"
android:layout_gravity="bottom|end"
android:layout_margin="8dp"
android:elevation="8dp"
android:tint="@color/white"
app:srcCompat="@drawable/ic_add"/>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/primaryLightColor" />
</LinearLayout>我正在用片段之类的东西填充视图，但我不认为这是问题所在。谁能明白为什么FloatingActionButton不是浮动的，而是作为一个完整的线性布局？非常感谢你的帮助。
回答 2
Stack Overflow用户
发布于 2017-09-25 05:29:13
使用坐标布局显示浮动动作按钮：
从您的XML代码中删除浮动操作按钮，您的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="info.androidhive.fab.MainActivity">
<include layout="@layout/your_current_layout" /> // your current xml code layout
<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="@dimen/fab_margin"
android:src="@android:drawable/ic_dialog_email" />
</android.support.design.widget.CoordinatorLayout>Stack Overflow用户
发布于 2017-09-25 08:18:27
您只需要在主页布局中添加FAB：
<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"
android:src="@drawable/ic_add"
android:layout_gravity="bottom|end"/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46394818
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号