zoukankan      html  css  js  c++  java
  • 第三十六篇-FloatingActionButton的使用

    效果图:

    准备两张图片,一张作为桌面背景,一张作为那个悬浮的加号。放在mipmap下面。

    首先,添加Imageview作为桌面背景,并设置扩充整个屏幕。接着,添加一个悬浮按钮,放在右下角,可以对悬浮按钮的背景色进行设置搭配自己的图片。

    接着可以设置悬浮按钮的单击事件,即点击加号后弹出snack显示信息,也可以在为显示信息添加一个确定按钮,单击时又可以产生另外的事件。

    floatingActionButton=findViewById(R.id.floatingActionButton3);
    floatingActionButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
    Snackbar.make(v,"Snake显示信息",Snackbar.LENGTH_SHORT)
    .setAction("确定", new View.OnClickListener() {
    @Override
    public void onClick(View v) {
    Toast.makeText(MainActivity.this,"您单击了确定", Toast.LENGTH_SHORT).show();

    }
    }).setActionTextColor(Color.GREEN).show();
    }
    });

    这样一个简单的程序就完成了。

    代码如下:

    Main.java

    package com.example.aimee.floatactionbuttontest;
    
    import android.graphics.Color;
    import android.icu.text.UnicodeSetSpanner;
    import android.support.design.widget.FloatingActionButton;
    import android.support.design.widget.Snackbar;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Toast;
    
    public class MainActivity extends AppCompatActivity {
        FloatingActionButton floatingActionButton;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            floatingActionButton=findViewById(R.id.floatingActionButton3);
            floatingActionButton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Snackbar.make(v,"Snake显示信息",Snackbar.LENGTH_SHORT)
                    .setAction("确定", new View.OnClickListener() {
                        @Override
                        public void onClick(View v) {
                            Toast.makeText(MainActivity.this,"您单击了确定", Toast.LENGTH_SHORT).show();
    
                        }
                    }).setActionTextColor(Color.GREEN).show();
                }
            });
        }
    }
    View Code

    main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.constraint.ConstraintLayout 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=".MainActivity">
    
        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            app:srcCompat="@mipmap/a3" />
    
        <android.support.design.widget.FloatingActionButton
            android:id="@+id/floatingActionButton3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:clickable="true"
            app:backgroundTint="@android:color/background_light"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:srcCompat="@mipmap/a1" />
    
    </android.support.constraint.ConstraintLayout>
    View Code

    OK。

  • 相关阅读:
    简单地通过Python库使用python的socket编程
    js 实现继承的几种方式
    JAVA中获取当前系统时间
    IntelliJ Idea 常用快捷键列表
    关于报错:There is already 'xxxController' bean method的解决方法
    mysql 使用 GROUP BY 时报错 ERROR 1055 (42000)
    安装系统,用cmd进行分区
    Bootstrap关闭当前页
    bootstrap的日期选择器
    Bootstrap如何关闭弹窗
  • 原文地址:https://www.cnblogs.com/smart-zihan/p/9961773.html
Copyright © 2011-2022 走看看