Android悬浮按钮点击返回顶部FloatingActionButton
程序员文章站
2023-12-15 18:07:58
先看一下android悬浮按钮点击回到顶部的效果:
floatingactionbutton是design support库中提供的一个控件,这个控件可以轻松实现悬浮...
先看一下android悬浮按钮点击回到顶部的效果:
floatingactionbutton是design support库中提供的一个控件,这个控件可以轻松实现悬浮按钮的效果
首先,要在项目中使用这个悬浮按钮就要先把design这个包导入项目
gradle中加入依赖
compile 'com.android.support:design:25.0.0'
接下来就是在xml中使用:
我这里是放置一个listview模拟返回顶部
<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto"> <listview android:id="@+id/listview_main" android:layout_width="match_parent" android:layout_height="match_parent" /> <android.support.design.widget.floatingactionbutton android:id="@+id/floating_btn_main" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentright="true" android:layout_alignparentbottom="true" android:src="@mipmap/top" app:elevation="10dp" android:layout_margin="15dp"/> </relativelayout>
其中 app:elevation=”10dp”是给floatingactionbutton指定一个高度,高度越高,投影的范围越大,但是投影效果越淡,反之则反
接下来是mainactivity中的使用:
package com.duanlian.floatingbtn; import android.support.design.widget.floatingactionbutton; import android.support.v7.app.appcompatactivity; import android.os.bundle; import android.view.view; import android.webkit.webview; import android.webkit.webviewclient; import android.widget.listview; import java.util.arraylist; import java.util.list; public class mainactivity extends appcompatactivity { private listview mlistview; private floatingactionbutton mfloatbtn; private mylistviewadapter madapter; private list<string> mlist; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); initview(); } private void initview() { mlistview = (listview) findviewbyid(r.id.listview_main); mfloatbtn = (floatingactionbutton) findviewbyid(r.id.floating_btn_main); mlist = new arraylist<>(); for (int i = 0; i < 30; i++) { mlist.add(i + ""); } madapter = new mylistviewadapter(this, mlist); mlistview.setadapter(madapter); //悬浮按钮的点击事件的监听 mfloatbtn.setonclicklistener(new view.onclicklistener() { @override public void onclick(view view) { //listview返回到顶部 mlistview.smoothscrolltoposition(0); } }); } }
怎么样,简单吧。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
Android悬浮按钮点击返回顶部FloatingActionButton
-
Android 中FloatingActionButton(悬浮按钮)实例详解
-
Android 中FloatingActionButton(悬浮按钮)实例详解
-
Android中FloatingActionButton实现悬浮按钮实例
-
Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法示例
-
Android仿知乎悬浮功能按钮FloatingActionButton效果
-
Android中FloatingActionButton实现悬浮按钮实例
-
Android仿知乎悬浮功能按钮FloatingActionButton效果
-
Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法示例
-
纯JS实现点击按钮返回页面顶部的代码