ActionSheetForAndroid安卓版本的ActionSheet

Z1wvHr8BYfW 8年前

来自: http://www.jcodecraeer.com//a/anzhuokaifa/androidkaifa/2014/0905/1677.html


模仿IOS里面的UIActionSheet控件,有IOS6和IOS7两种风格,可以自定义风格,背景图片、按钮图片、文字颜色、间距等。

项目地址:https://github.com/baoyongzhang/ActionSheetForAndroid

ActionSheetActionSheet

使用方法

创建一个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接口

  • onOtherButtonClick()点击某个条目,index是条目的下标

  • onDismiss()关闭事件,isCancel参数表示是否是点击取消按钮、返回键、或者点击空白处(setCancelableOnTouchOutside(true))

@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选项按钮文字颜色