Android悬浮按钮点击返回顶部FloatingActionButton
2017-02-24 11:39
1321 查看
先看一下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自定义可拖拽的悬浮按钮DragFloatingActionButton
- Android中FloatingActionButton实现悬浮按钮实例
- Android实现系统级悬浮按钮
- Android开发模仿qq视频通话悬浮按钮(实例代码)
- Android利用WindowManager生成悬浮按钮及悬浮菜单
- Android开发中在TableView上添加悬浮按钮的方法
- Android开发悬浮按钮 Floating ActionButton的实现方法
- Android利用悬浮按钮实现翻页效果
- 圣诞节,写个程序练练手――――Android 全界面悬浮按钮实现
- Android悬浮按钮的使用方法
相关文章推荐
- 悬浮按钮点击回到顶部FloatingActionButton
- Android中FloatingActionButton实现悬浮按钮实例
- Android点击按钮返回顶部实现代码
- android点击返回按钮时,两个activity的ondestory都被调用了
- Android悬浮按钮的两种实现方法(Floating action button)
- listview一键返回顶部悬浮按钮
- 网页点击按钮返回顶部代码
- Android中使用Notification并通过点击Notification启动启动通知详细Activity,点击返回键和按钮返回主界面
- android 点击返回按钮事件
- Android】ListView监听上下滑动(判断是否显示返回顶部按钮)
- android中使用Notification打开详情界面activity,点击返回键和按钮返回主界面
- android_实现点击两次返回按钮才退出程序
- 【Android】ListView监听上下滑动(判断是否显示返回顶部按钮)
- android导航条上面点击返回按钮返回上一个状态(从activity返回fragment)
- 瀑布流学习、 点击状态栏返回顶部、 点击按钮返回顶部、Label透明度字体跟着变浅的解决方法
- Android点击返回按钮两次退出系统
- android两次点击返回键退出和按钮退出对话框
- android 点击按钮返回上一层
- Android ListView监听上下滑动(判断是否显示返回顶部按钮)
- Android 中点击某个按钮实现 返回键 的功能