模仿IOS里面的UIActionSheet控件,有IOS6和IOS7两种风格,可以自定义风格,背景图片、按钮图片、文字颜色、间距等。 项目地址:https://github.com/baoyongzhang/ActionSheetForAndroid
使用方法创建一个ActionSheet并显示[
- ActionSheet.createBuilder(this, getSupportFragmentManager())
- .setCancelButtonTitle("Cancel")
- .setOtherButtonTitles("Item1", "Item2", "Item3", "Item4")
- .setCancelableOnTouchOutside(true)
- .setListener(this).show();
复制代码
方法说明setCancelButtonTitle()设置取消按钮的标题 setOtherButtonTitles()设置条目,String[] setCancelableOnTouchOutside()设置点击空白处关闭 setListener()设置事件监听器 show()返回ActionSheet对象,可以调用ActionSheet对象的dismiss()方法手动关闭
事件监听实现ActionSheetListener接口 - @Override
- public void onOtherButtonClick(ActionSheet actionSheet, int index) {
- Toast.makeText(getApplicationContext(), "click item index = " + index,
- 0).show();
- }
- @Override
- public void onDismiss(ActionSheet actionSheet, boolean isCancle) {
- Toast.makeText(getApplicationContext(), "dismissed isCancle = " + isCancle, 0).show();
- }
复制代码
样式默认的样式非常丑陋,项目中提供了两种Style,可以配置Theme
- <!-- Application theme. -->
- <style name="AppTheme" parent="AppBaseTheme">
- <item name="actionSheetStyle">@style/ActionSheetStyleIOS6</item>
- or
- <item name="actionSheetStyle">@style/ActionSheetStyleIOS7</item>
- </style>
复制代码
还可以自定义样式,自定义一个style即可,可以参考ActionSheetStyleIOS6/ActionSheetStyleIOS7的写法
- <!-- IOS7样式 -->
- <style name="ActionSheetStyleIOS7">
- <item name="actionSheetBackground">@android:color/transparent</item>
- <item name="cancelButtonBackground">@drawable/slt_as_ios7_cancel_bt</item>
- <item name="otherButtonTopBackground">@drawable/slt_as_ios7_other_bt_top</item>
- <item name="otherButtonMiddleBackground">@drawable/slt_as_ios7_other_bt_middle</item>
- <item name="otherButtonBottomBackground">@drawable/slt_as_ios7_other_bt_bottom</item>
- <item name="otherButtonSingleBackground">@drawable/slt_as_ios7_other_bt_single</item>
- <item name="cancelButtonTextColor">#1E82FF</item>
- <item name="otherButtonTextColor">#1E82FF</item>
- <item name="actionSheetPadding">10dp</item>
- <item name="otherButtonSpacing">0dp</item>
- <item name="cancelButtonMarginTop">10dp</item>
- <item name="actionSheetTextSize">12sp</item>
- </style>
复制代码
Style属性介绍actionSheetBackground背景 cancelButtonBackground取消按钮背景 otherButtonTopBackground选项顶部按钮背景 otherButtonMiddleBackground选项中部按钮背景 otherButtonBottomBackground选项底部按钮背景 otherButtonSingleBackground选项只有一个的按钮背景 cancelButtonTextColor取消按钮的文字颜色 otherButtonTextColor选项按钮的文字颜色 actionSheetPadding内边距 otherButtonSpacing选项按钮的间距 cancelButtonMarginTop取消按钮顶部间距 actionSheetTextSize选项按钮文字颜色
|