Materail Design 入门(三)——FloatingActionButton和Snackbar
2016-08-29 18:02
411 查看
这节我们蒋一起学习两个小控件FloatingActionButton和Snackbar
1、FloatingActionButton
一个负责显示界面基本操作的圆形按钮。Design library中的FloatingActionButton 实现了一个默认颜色为主题中colorAccent的悬浮操作按钮。除了一般大小的悬浮操作按钮,它还支持mini size(fabSize=”mini”)。FloatingActionButton继承自ImageView,你可以使用android:src或者
ImageView的任意方法,比如setImageDrawable()来设置FloatingActionButton里面的图标。
<android.support.design.widget.FloatingActionButton android:id="@+id/floatActionBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="end|bottom" android:layout_margin="16dp" android:src="@android:drawable/ic_search_category_default"/>
2、Snackbar
Snackbar为一个操作提供轻量级、快速的反馈。Snackbar显示在屏幕的底部(有MD动画效果浮现和消失),包含了文字信息与一个可选的操作按钮。在指定时间结束之后自动消失。另外,用户还可以在超时之前将它滑动删除。Snackbar被看作是比Toast更强大的快速反馈机制,你会发现他们的API非常相似。你应该注意到了make()方法中把一个View作为第一个参数(Snackbar试图找到一个合适的父亲以确保自己是被放置于底部)。无特殊注意项,和Toast类似。
floatingActionButton = (FloatingActionButton) findViewById(R.id.floatActionBtn); floatingActionButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Snackbar.make(view, "floatingActionBtn", Snackbar.LENGTH_SHORT).setAction ("cancel", new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(CoordinatorLayoutActivity.this, "cancel", Toast.LENGTH_SHORT).show(); } }).show(); } });
效果如图:
点击搜索按钮弹出SnackBar提示,点击canCel按钮弹出Toast提示信息。
相关文章推荐
- Android Support Design常用控件Snackbar,FloatingActionButton等
- Android Design AppBarLayout、NavigationView、FloatingActionButton、CollapsingToolbarLayout等控件的使用
- 如何使用Design Support Library提供的FloatingActionButton
- Android Material Design的FloatingActionButton,Snackbar和CoordinatorLayout
- FloatingActionButton,TextInputLayout,Snackbar,TabLayout
- 3.Android support design FloatingActionButton
- Android开发-DesignDemo-AndroidStudio(九)FloatingActionButton(1)
- Android开发-DesignDemo-AndroidStudio(十一)FloatingActionButton(3)
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- Material Design UI Widgets ——FloatingActionButton
- android新特性:CoordinatorLayout与FloatingActionButton、Snackbar的使用
- Android开发-DesignDemo-AndroidStudio(九)FloatingActionButton(1)
- Android开发-DesignDemo-AndroidStudio(十一)FloatingActionButton(3)
- Android异常--Error inflating class android.support.design.widget.FloatingActionButton
- Android Study Material Design 十二 之 FloatingActionButton初识
- Materail Design 入门(七)——AppBarLayout的使用方法
- Android FloatingActionButton使用方法及小技巧-design
- SnackBar--FloatingActionButton--CoordinatorLayout
- Android中Material Desgin风格的Snackbar、TextInputLayout、FloatingActionButton使用
- Materail Design 入门(六)—— TabLayout之标题中添加自定义View(2)