在Android studio中如何让FloatingActionButton中心的图像

在Android Studio中让FloatingActionButton中心的图像居中，可以通过以下步骤实现：

首先，在XML布局文件中添加FloatingActionButton组件。例如，可以在一个RelativeLayout中添加如下代码：

<RelativeLayout
    ...
    xmlns:app="http://schemas.android.com/apk/res-auto">

    ...

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_margin="16dp"
        app:srcCompat="@drawable/ic_add"
        app:backgroundTint="@color/colorAccent" />

</RelativeLayout>

然后，在Activity或Fragment中找到FloatingActionButton的实例，并设置其图像居中。例如，在Java代码中可以添加以下代码：

FloatingActionButton fab = findViewById(R.id.fab);
ViewCompat.setElevation(fab, 6);
ViewCompat.setTranslationZ(fab, 6);
CoordinatorLayout.LayoutParams layoutParams = (CoordinatorLayout.LayoutParams) fab.getLayoutParams();
layoutParams.gravity = Gravity.CENTER;
fab.setLayoutParams(layoutParams);

上述代码中，我们使用了ViewCompat类来设置FloatingActionButton的高度和阴影效果。然后，我们获取FloatingActionButton的布局参数，并将其重力设置为居中。

最后，重新编译并运行应用程序，你将看到FloatingActionButton中心的图像已经居中显示。

请注意，上述代码中使用了com.google.android.material.floatingactionbutton.FloatingActionButton类，这是Android Material Design库中的组件。如果你的项目中没有引入该库，请确保在build.gradle文件中添加以下依赖：

implementation 'com.google.android.material:material:1.4.0'

推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mmp）提供了丰富的移动开发解决方案，包括移动应用开发、移动应用测试、移动应用分发等，可帮助开发者快速构建和发布移动应用。

协调布局CoordinatorLayout能够让内部的子控件互相配合着移动，这跟以往孤立的控件运动截然不同，协调运动的结果，意味着App画面更加流畅、自然，也更符合日常生活中的动作场景。如果你对CoordinatorLayout的用法还不太了解的话，建议先浏览这篇博文熟悉一下《Android开发笔记（一百三十四）协调布局CoordinatorLayout》。一般我们使用CoordinatorLayout，都是结合悬浮按钮FloatingActionButton、应用栏布局AppBarLayout或者可折叠工具栏布局CollapsingToolbarLayout，但这不表示CoordinatorLayout只能与这少数几个控件一起使用，事实上，只要定义了两个控件之间的互动行为，即使是TextView、ImageView这些普通控件，也能实现自动协调运动的效果。先上个图，说明一下自定义行为所支持的画面：

Android自5.0之后对UI做了较大的提升，一个重大的改进是推出了MaterialDesign库，而该库的基础即为协调布局CoordinatorLayout，几乎所有的design控件都依赖于该布局。协调布局的含义，指的是内部控件互相之前的动作关联，比如在A视图的位置发生变化之时，B视图的位置也按照某种规则来变化，仿佛弹钢琴有了协奏曲一般。使用CoordinatorLayout时，要注意以下几点： 1、导入design库； 2、根布局采用android.support.design.widget.CoordinatorLayout； 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"； CoordinatorLayout继承自ViewGroup，实现效果类似于RelativeLayout，若要指定子视图在整个页面中的位置，有以下几个办法： 1、使用layout_gravity属性，指定子视图在CoordinatorLayout内部的对齐方式。 2、使用app:layout_anchor和app:layout_anchorGravity属性，指定子视图相对于其它子视图的位置。其中app:layout_anchor表示当前以哪个视图做为参照物，app:layout_anchorGravity表示本视图相对于参照物的对齐方式。 3、使用app:layout_behavior属性，指定子视图相对于其它视图的行为，当对方的位置发生变化时，本视图的位置也要随之相应变化。下面是使用anchor方式定义子视图方位的截图，其中红色方块位于整个页面的右上方：

今天主讲的Material Design系列的两个控件都不难，所以一起讲了，分别是FloatingActionButton和Snackbar。这个系列都是主讲的Material Design风格的控件，所以都是控件的一些基本使用，也会扩展讲一些与这个控件相关的东西和效果，如果都会了的同学，可以不看这个系列。当然看一下也没啥，再巩固一下知识点也挺好的。 FloatingActionButton FloatingActionButton从本质讲就是一个ImageView，从FloatingActionButto

从今天开始，我们讲一个关于Material Design风格控件系列的文章。个人认为Material Design风格还是非常漂亮和好看的。关于Material Design的控件，从今天这篇开始一个一个的讲，希望能够对大家有所帮助。 Material Design系列控件，我们今天就先从侧滑菜单栏开始，侧滑菜单栏通过名字我们就知道包含两部分，一部分是侧滑（DrawerLayout），一部分是导航菜单栏(NavigationView)。DrawerLayout包含NavigationView，一设置侧滑菜单

MainActivity 继承于AppCompatActivity，并重写了onCreate方法，AppCompatActivity类是Android Studio中默认的构建自定义Activity的模板类。这里其实还涉及到FirstFragment和SecondFragment两个Fragment。它们两个是用来控制图7中的点击按钮的。 4. app->res->layout->activity_main.xml 此XML文件定义了activity界面（UI）的布局，整体布局都是采用CoordinatorLayout布局，这个布局是support v7系统新增的布局，具有便于协调子布局的特点，该布局是增强版的FrameLayout布局，它通常与ToolBar和FloatingActionButton合用。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

在Android studio中如何让FloatingActionButton中心的图像

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐