Android悬浮按钮点击返回顶部FloatingActionButton

先看一下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); } }); } }

怎么样,简单吧。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-10-26 03:07:25

Android悬浮按钮点击返回顶部FloatingActionButton的相关文章

js简单的点击返回顶部效果实现方法_javascript技巧

本文实例讲述了js简单的点击返回顶部效果实现方法.分享给大家供大家参考.具体分析如下: 当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个"返回顶部"的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验. 实现原理:当页面加载的时候,把元素定位到页面的右下角,当页面滚动时,元素一直位于右下角,当用户点击的时候,页面回到顶部. 要点一:document.documentElement.clientWidth || docum

js简单的点击返回顶部效果实现方法

 当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个"返回顶部"的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验. 实现原理:当页面加载的时候,把元素定位到页面的右下角,当页面滚动时,元素一直位于右下角,当用户点击的时候,页面回到顶部. 要点一:document.documentElement.clientWidth || document.body.clientWidth: 获得可视区的宽度.后面是兼容chrome,

Android 各种按钮点击效果以及兼容性问题总结

概述  点击效果在安卓的原生开发中无处不见,主要是为了对用户的操作在视觉上进行反馈.这个反馈很平常也很重要.而安卓5.0开始引入的全新设计Material Design真的超赞!特别是触摸反馈的波纹效果,可惜这个波纹效果只支持5.0及以上的版本,应该是出于性能的考虑!坑爹啊!  但是既然5.0以上可以用酷炫的点击效果,那就不能浪费要用起来,这篇博客前面先讲下Button和ImageView点击效果的基本实现,然后再讲下我个人如何处理兼容Material 设计效果 按钮点击效果基本实现 Butto

Android实现按钮点击效果

1.首先创建一个按钮 <Button android:id="@+id/click" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="点击变色" android:background="@drawable/btn_st" android:gravity="center&

android 防止按钮连续点击的方法(Button,ImageButton等)

防止按钮连续点击 其实实现很简单  共通方法 public class Utils { private static long lastClickTime; public static boolean isFastDoubleClick() { long time = System.currentTimeMillis(); if ( time - lastClickTime < 500) { return true; } lastClickTime = time; return false; }

Android scrollToTop实现点击回到顶部(兼容PullTorefreshScrollview)

前言 最近因为项目组需求,特研究了一下"回到顶部"效果,即:页面里有scrollview,内容很多,当滑动到页面下面或者更深时,需要回到顶部,即可点击出现的按钮,省得回滑N久.我没有搜,或许网上有很多这样的例子,此文写的不好的地方,望指点. 效果图如下 实现方法 初一看是不是觉得很简答?没错,当时我也是这样想的页面内容很长,就弄个scrollview,回到顶部按钮需要固定在右下角,故大概的布局代码: <?xml version="1.0" encoding=&

Android悬浮球及全局返回功能的实现示例

先来一发效果图: 前面是返回效果,最后一下是实现home键的效果 前言 很久之前,就想做一个悬浮球了,毕竟是程序猿嘛,有想要的功能的时候总是想自己尝试一下,于是兴致勃勃的找了好久,都没有找到全局返回功能该如何实现!最后也无疾而终,就在前两天,又想到了这个功能,今天硬是花了好久,从一个同类软件获得了一点灵感,有一个关键的地方被我察觉到了,顺着这个思路找了很多资料,便实现了全局返回功能. 思路 废话不多说了,说说主要的思路吧,关键的一个类就是:AccessibilityService,官方文档地址,

android 悬浮按钮 FloatActionButton

这个button已经在很多应用中都出现了,在android 5.0版本后这样的效果是很容易就能实现的,但对于老版本只能用代码来堆积了. [java] view plaincopy package com.faizmalkani.floatingactionbutton;      import com.nineoldandroids.animation.ObjectAnimator;   import com.nineoldandroids.view.ViewHelper;   import a

Android ListView 按钮点击分页显示

 列表的显示需要三个元素: 1.ListVeiw 用来展示列表的View. 2.适配器 用来把数据映射到ListView上的中介. 3.数据    具体的将被映射的字符串,图片,或者基本组件. 根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter 其中以ArrayAdapter最为简单,只能展示一行字.SimpleAdapter有最好的扩充性,可以自定义出各种效果. SimpleCursorAdapter可以认为是Sim