Android Design风格组件之BottomSheets
来源:互联网 发布:普通用户 linux 知乎 编辑:程序博客网 时间:2024/05/29 08:08
Android Support Library 23.2里的 Design Support Library新加了一个Bottom Sheets控件,一个底部表,就是我们经常在分享或者地图、音乐等app看到的效果
昨天晚上Support Library 23.2包还没能更新,官方视频就已经透露出了,视频地址,从视频看出Support Library 23.2包新增了:
1. Support Vector Drawables and Animated Vector Drawables
2. AppCompat DayNight theme
3. Design Support Library: Bottom Sheets
4. Support v4: MediaBrowserServiceCompat
5. RecyclerView
6. Custom Tabs
7. Leanback for Android TV
具体可以上官网博客看看。
这篇文章我给大家说说BottomSheetBehavior的使用及注意的地方
(1)在布局文件xml中
<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/cl" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" > <android.support.v4.widget.NestedScrollView android:id="@+id/bottom_sheet" android:layout_width="match_parent" android:layout_height="wrap_content" app:behavior_hideable="true" app:behavior_peekHeight="50dp" app:layout_behavior="@string/bottom_sheet_behavior" > <!-- NestedScrollView里设置你的底部表长什么样的--> </android.support.v4.widget.NestedScrollView></android.support.design.widget.CoordinatorLayout>
(2)在java代码中
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_ns); // The View with the BottomSheetBehavior CoordinatorLayout coordinatorLayout = (CoordinatorLayout) findViewById(R.id.cl); View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet); final BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet); behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() { @Override public void onStateChanged(@NonNull View bottomSheet, int newState) { //这里是bottomSheet 状态的改变,根据slideOffset可以做一些动画 } @Override public void onSlide(@NonNull View bottomSheet, float slideOffset) { //这里是拖拽中的回调,根据slideOffset可以做一些动画 } }); }
其实也挺简单的,我来解释一下。通过附加一个BottomSheetBehavior 给CoordinatorLayout的子视图,上文xml中的是NestedScrollView(adding app:layout_behavior = " android.support.design.widget.BottomSheetBehavior”),当然,RecyclerView也是可以的。
app:behavior_hideable="true"app:behavior_peekHeight="50dp"
这两个属性我说说,peekHeight是当Bottom Sheets关闭的时候,底部下表我们能看到的高度,hideable 是当我们拖拽下拉的时候,bottom sheet是否能全部隐藏。 如果你需要监听Bottom Sheets回调的状态,可以通过setBottomSheetCallback来实现,onSlide方法是拖拽中的回调,根据slideOffset可以做一些动画 onStateChanged方法可以监听到状态的改变,总共有5种
STATE_COLLAPSED: 关闭Bottom Sheets,显示peekHeight的高度,默认是0
STATE_DRAGGING: 用户拖拽Bottom Sheets时的状态
STATE_SETTLING: 当Bottom Sheets view释放时记录的状态。
STATE_EXPANDED: 当Bottom Sheets 展开的状态
STATE_HIDDEN: 当Bottom Sheets 隐藏的状态
我也简单的写了两个demo,你可以看我源码是怎么用的
使用就这些了,接下来我们来讲讲该注意的地方,应该说怎样更好的使用它。
(1)关闭Bottom Sheets的行为
可以通过下图的形式,拖拽、点击bottom sheet之外的地方和通过‘x’按钮
(2)合适的视图设计
上图你可明显的看到第二幅这种设计是不合适的,空白太多,不美观,对吧!
如果Bottom Sheets 展开或者上拉覆盖了ActionBar or ToolBar 这种方式也是不合适的.
(3)尺寸的设计
为了符合Material Design 设计,我们对尺寸有严格的要求,当然,你想随意我也阻止不了
- Android Design风格组件之BottomSheets
- Android Design风格组件之CardView
- Android Design风格组件之FloatingActionButton
- Android Design风格组件之FloatingActionButton
- Android Design风格组件之TextInputLayout
- Android Design风格组件之CollapsingToolbarLayout
- Android Design风格组件之Bottom navigation
- Android L metral design风格之CardView
- Android BottomSheets的使用
- Android Design - 设计风格
- Android开发之拥有Material Design风格的折叠布局
- Material Design风格之Snackbar
- Android Design -- 风格(一)
- Android Design -- 风格(二)
- Android Material design设计风格
- Android:自定义Material Design风格的Dialog
- android Material Design风格自定义控件
- Android:自定义Material Design风格的Dialog
- Java 1.8+Hadoop 2.7.3+Spark 2.1.1+Scala 2.11.8整合分布式部署
- Android 连续多次点击事件的实现
- activity里面fragment见的跳转
- hdoj1097 A hard puzzle(简单题)
- eval的作用
- Android Design风格组件之BottomSheets
- 欢迎使用CSDN-markdown编辑器
- Annotation注解APT(四):依赖注入框架Dagger
- @+id/和android:id有什么区别?
- JSON字符串与JSON对象的区别
- 【Python】下载图片的代码
- 变量的命名2
- fragment返回键处理
- unity委托的排序方法