android 悬浮按钮 - Go语言中文社区

android 悬浮按钮


    这里介绍一下悬浮按钮-----FloatingtActionButton的实现,以及会出现的问题。

    布局文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    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"
    tools:context="com.example.drawerlayout.MainActivity">
    <!-- app:elevation="8dp"  elevation属性来给FloatingActionBar指定一个高度值,值越大,投影范围越大,投影效果越淡-->
    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fab"
        android:layout_margin="16dp"
        android:layout_gravity="bottom|end"
        android:src="@drawable/ic_done"
        app:elevation="8dp"/>
    
</FrameLayout>
MainActity.java

package com.example.drawerlayout;

import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到控件
        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        //设置监听
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this,"FAB clicked",Toast.LENGTH_SHORT).show();
            }
        });
    }
}
运行结果:

    这里我们在MainActivity.java 中只设置了一个简单的弹出Toast,没有写什么业务逻辑。还有这里为什么悬浮按钮的背景是颜色是红色呢?因为悬浮按钮会默认使用colorAccent来作为按钮的颜色。


     其实我们可以不用Toast的提示,可以用Snackbar来作为提示工具。其实Snakebar的用法也是很简单。

     修改MainActivity中代码:

   

  //设置监听
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //Toast.makeText(MainActivity.this,"FAB clicked",Toast.LENGTH_SHORT).show();
                Snackbar.make(v,"Data delete",Snackbar.LENGTH_LONG)
                        .setAction("Undo", new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                Toast.makeText(MainActivity.this,"Data resored",Toast.LENGTH_SHORT).show();
                            }
                        })
                        .show();
            }
        });
运行结果:


   这里调用Snackbar的make()方法来创建一个Snackbar对象,make()方法的第一个参数需要传入一个View,只要是当前界面布局的任意一个View都可以,第二个参数是Snackbar中显示的内容,第三个参数是Snackbar显示的时长。

  setAction()方法来设置一个动作,从而让Snackbar不仅仅是一个提示,而是可以和用户进行交互的。

   但是我们会发现一个BUG,这个Snackbar竟然把悬浮按钮给遮挡住啦。那应该怎么解决这个问题呢? 其实只要借助CoordinatorLayout就可以轻松结果啦。

  CoordinatorLayout可以说是FrameLayout的加强版。所以我们只需把原来的FrameLayout替换成CoordinatorLayout就可以的。

  运行结果就为:


   

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/itqingliang/article/details/73621777
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2020-06-27 23:17:55
  • 阅读 ( 876 )
  • 分类:

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢