介绍一个实战案例,如如何在一个App中添加FloatingActionButton
时间: 2024-05-01 20:20:28 浏览: 19
好的,以下是一个实战案例,介绍如何在一个App中添加FloatingActionButton。
1. 打开 Android Studio,创建一个新项目。
2. 在 app/build.gradle 文件中添加 design 库的依赖:
```
implementation 'com.android.support:design:28.0.0'
```
3. 在布局文件中添加 FloatingActionButton:
```
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:src="@drawable/ic_add"
app:layout_anchor="@id/content"
app:layout_anchorGravity="bottom|end" />
```
在这个布局文件中,我们添加了一个 FloatingActionButton,它的 id 是 fab,图标是 ic_add,摆放位置是在底部右侧。
4. 在 MainActivity.java 中,为 FloatingActionButton 添加点击事件:
```
FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
// 处理点击事件
}
});
```
在这个代码中,我们获取了 FloatingActionButton 的实例,然后为它添加了一个点击事件。当用户点击 FloatingActionButton 时,会触发这个事件。
5. 运行项目,查看效果。
在运行项目之后,你会看到一个 FloatingActionButton 出现在界面的底部右侧。当你点击这个按钮时,会触发点击事件。你可以在点击事件中添加相应的逻辑代码,实现你想要的功能。
以上就是添加 FloatingActionButton 的实战案例。希望能对你有所帮助。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)