Android Material Design的FloatingActionButton,Snackbar和CoordinatorLayout
2015-12-02 19:24
716 查看
![](http://images2015.cnblogs.com/blog/822717/201512/822717-20151202191614736-132213007.gif)
如果是为了兼容低版本的Android系统,则需要引用Android Material Design的扩展支持库,我在之前的一篇文章张,较为详细的说明了如何导入Android Material Design依赖的库:android-support-v7-appcompat和design库,文章链接地址:/article/7167332.html
Android Material Design的FloatingActionButton是一个“悬浮”的按钮。Snackbar有一些类似于Android过去的Toast,但有很多自己独特的特点(比如支持选项事件,选择事件键等)。CoordinatorLayout是一个新的布局,实现在布局上各个组件之间的协调。
现在给出一个例子,对以上三个组件的使用加以说明:
activity_main.xml:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" > <ListView android:id="@android:id/list" android:layout_width="match_parent" android:layout_height="match_parent" /> <android.support.design.widget.FloatingActionButton android:id="@+id/floatingActionButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|bottom" android:layout_marginBottom="10dip" android:layout_marginRight="10dip" android:src="@drawable/ic_launcher" app:backgroundTint="#e57373" app:borderWidth="10dp" app:elevation="10dip" app:fabSize="normal" app:pressedTranslationZ="10dp" app:rippleColor="#c62828" /> </android.support.design.widget.CoordinatorLayout>
MainActivity.java
package com.zzw.testdesign_coordinatorlayout; import java.util.ArrayList; import android.app.Activity; import android.app.ListActivity; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.view.View; import android.view.View.OnClickListener; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.Toast; public class MainActivity extends ListActivity { private ArrayList<String> data = null; private ArrayAdapter<String> adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); data = new ArrayList<String>(); adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data); setListAdapter(adapter); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.floatingActionButton); fab.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { int len = data.size(); adapter.add("添加数据-->" + len); adapter.notifyDataSetChanged(); } }); // listView.setOnItemClickListener(new OnItemClickListener() { // // @Override // public void onItemClick(AdapterView<?> arg0, View view, final int position, long id) { // // Snackbar.make(view, "选择数据" + position + "?", 1).setAction("是", new OnClickListener() { // // @Override // public void onClick(View v) { // Toast.makeText(getApplicationContext(), "选择了" + position, 1).show(); // } // }).show(); // } // }); } @Override public void onListItemClick(ListView l, View v, final int position, long id) { final Activity activity = this; Snackbar.make(v, "选择数据 " + position + " ?", Snackbar.LENGTH_SHORT).setAction("是", new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(activity, "选择了 " + position, Toast.LENGTH_SHORT).show(); } }).show(); } }
需要说明的一点是,假设将activity_main.xml布局文件最外层的布局改写成FrameLayout,那么,当选择ListView中某一项时候,弹出的Snackbar将会遮掩住FloatingActionButton。因此使用CoordinatorLayout可以使Snackbar和FloatingActionButton协调工作,不会出现遮掩的问题。
有的会出现java.lang.reflect.InvocationTargetException,解决方案:/article/7167331.html
相关文章推荐
- Android构建一个通用的WebView(一):标题、加载进度、JavaScript交互、用浏览器打开等
- Android知识总结:Universal-Imageloader学习笔记3 显示自定义形状头像
- android studio使用错误排查记录
- Android ListView使用BaseAdapter 优化
- android之binder通信
- Android控件之EditView
- Android监听软键盘的弹起和隐藏
- [Android]Android系统启动流程源码分析
- 如何修改Android应用程序的图标和名字? .
- Android开发案例 - 自定义虚拟键盘
- Android SDK 开发范例大全 ---3.10不同Activity之间的数据传递
- android-service服务
- Android开发笔记(八)神奇的shape
- 安卓模拟器 com.android.phone已停止运行的解决办法
- Android 换肤方案(2种)
- android 自定义多选dialog(倒圆角)
- 初识Android Project Butter: 黄油项目,使动画更加的平滑、流畅
- Android 4.4 不休眠+不锁屏+默认中文+去除导航栏
- Windows环境下Android Studio系列3—简单设置
- 自定义view————Android上的劳力士