• FloatingActionButton的使用


    这里写图片描述

    FloatingActionButton是android.support.design包中添加的类,使用这个类可以实现material design中的浮动按钮的效果。
    这里写图片描述

    从类的继承关系上来看,FloatingActionButton继承了ImageButton,n那么ImageButton中可以设置的属性也可以很方便的适用在FloatingActionButton上,那么怎么使用这个类呢?

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/floatingactionbar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:src="@drawable/ic_favorite_white_24dp"
            app:elevation="6dp"
            app:pressedTranslationZ="12dp" />

    这个类的使用非常简单,无非是设置了layout_width、layout_height和src等必须要设置的属性,在这里为了更加突出这个按钮的效果又添加了elevation和pressedTranslationZ的属性。

    • 设置不同的图片
      android:src="@drawable/ic_favorite_white_24dp"
    • 设置背景颜色
      默认情况下,FloatingActionButton的颜色是跟随主题中设置的colorAccent属性的,当然也可以定制这个颜色
     app:backgroundTint="@color/colorFloatingBtn"

    或者是在代码中手动的更改这个颜色

    mFloatingActionBar.setBackgroundTintList(ColorStateList.valueOf(Color.parseColor("#eaeaea")));
    • 设置水波纹效果
      默认情况下,水波纹的效果是跟随主题中设置的colorControlHighlight属性对的,也可以自定义这个效果
     app:rippleColor="@color/colorRipple"
    • 设置控件的大小
      默认提供了三种设置控件大小的属性
     app:fabSize="normal|min|auto"
    • 兼容性
      在android5.0之前和之后使用FloatingActionButton有点不一样,在5.0之前会有一个margin,但是在5.0之后没有了。这是因为5.0之前使用的一个drawable去选软的阴影效果;5.0之后是系统渲染的,不会占据控件的大小。解决方法是设置:
    app:borderWidth="0dp"

    然后根据需要的大小设置不同的layout_margin

    • 设置监听事件
     mFloatingActionBar.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Snackbar.make(mCoordinateLayout,"click me", Snackbar.LENGTH_SHORT).show();
                }
            });
  • 相关阅读:
    Springboot注解@Scheduled定时任务的使用
    Springboot整合WebSocket和RabbitMQ实现服务器消息推送
    Springboot集成WebSocket实现消息推送功能
    RabbitMq: 主题交换机的使用(Topic Exchange)
    Rabbitmq: @RabbitListener 和 @RabbitHandler 搭配使用
    RabbitMQ开启 mqtt 协议
    @Import的简单使用
    idea快速生成对应数据库的实体类
    HttpClient封装工具类
    TypeScript基本概念
  • 原文地址:https://www.cnblogs.com/summerpxy/p/13648329.html
Copyright © 2020-2023  润新知