一个封装好的Android仿Ios ActionSheet控件

这次还是带来一个Android仿Ios风格的控件。Ios里有个控件叫ActionSheet，就是那种从下往上弹出的选项卡，比如下面这个效果：

                                                                 

UI在设计效果图的时候，添加图片、选择性别之类的功能经常会这么设计，ios那边有个ActionSheet可以用，android这边就比较麻烦了（有时候会感叹ios的一些控件确实要比android封装得更彻底）于是就自己封装了一个，名字也叫ActionSheet。控件其实是很久以前写的，现在拿出来跟大家分享一下。话不多说，正片开始。

首先这个控件继承自Dialog，需要先定义一个style和弹入弹出的动画。首先在res目录下新建一个anim文件夹，并在这个文件夹下新建两个动画文件

actionsheet_in.xml和 actionsheet_out,xml，如下：

actionsheet_in.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fromYDelta="100%"
    android:toYDelta="0" />

actionsheet_out.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fromYDelta="0"
    android:toYDelta="100%" />

然后就定义一个style并绑定这两个动画。在styles文件先添加以下内容：

<style name="ActionSheetStyle" parent="@android:style/Theme.Dialog">
    <!-- 背景透明 -->
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <!-- 浮于Activity之上 -->
    <item name="android:windowIsFloating">true</item>
    <!-- 边框 -->
    <item name="android:windowFrame">@null</item>
    <!-- Dialog以外的区域模糊效果 -->
    <item name="android:backgroundDimEnabled">true</item>
    <!-- 无标题 -->
    <item name="android:windowNoTitle">true</item>
    <!-- 半透明 -->
    <item name="android:windowIsTranslucent">true</item>
    <!-- Dialog进入及退出动画 -->
    <item name="android:windowAnimationStyle">@style/ActionSheetAnimation</item>
</style>


<!-- ActionSheet进出动画 -->
<style name="ActionSheetAnimation" parent="@android:style/Animation.Dialog">
    <item name="android:windowEnterAnimation">@anim/actionsheet_in</item>
    <item name="android:windowExitAnimation">@anim/actionsheet_out</item>
</style>

然后是最麻烦的地方，定义背景资源文件，一共12个（没办法，好看是有代价的 >_<）。在drawable目录下创建以下12个资源文件：

dialog_bottom_up.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#e3ffffff" />

    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp" />

</shape>

dialog_bottom_down.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#e3eeeeee" />

    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp" />

</shape>

dialog_bottom_selector.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/dialog_bottom_up" android:state_pressed="false"></item>
    <item android:drawable="@drawable/dialog_bottom_down" android:state_pressed="true"></item>

</selector>

dialog_top_up.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#e3ffffff" />

    <corners
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />

</shape>

dialog_top_down.xml:

<?xml version="1.0"