底边列表BottomSheet使用

底边弹出一个选择列表这是一个比较常用的选择条件或跳转的很好的方法，可以很好的隐藏各个选项。在需要使用时在底边弹出。而BottomSheet就是这样的一个控件。

使用

1.导入build

compile 'com.cocosw:bottomsheet:1.3.0'

2.在res/values/colors.xml文件中添加以下代码：

<color name="colorSubtitle">#999color>


<color name="colorTitle">#666color>


<color name="colorWhite">#ffffffffcolor>



<color name="colorLine">#EBEBEBcolor>

	3.在res/values/styles.xml中添加以下style

<style name="BottomSheet.StyleDialog" parent="BottomSheet.Dialog">
    <item name="android:backgroundDimAmount">0.5item>
    <item name="android:windowAnimationStyle">@style/BottomSheet.Animationitem>
    <item name="android:textColorPrimary">@color/colorTitleitem>
    <item name="android:textColorSecondary">@color/colorSubtitleitem>
    <item name="android:textSize">15spitem>
    <item name="android:textColorHint">#42ffffffitem>
    <item name="bs_dialogBackground">@color/colorWhiteitem>
    <item name="bs_dividerColor">@color/colorLineitem>
    <item name="bs_numColumns">5item>
    <item name="bs_listStyle">@style/BottomSheet.Listitem>
style>

	4.在res文件夹中创建一个menu文件夹，在其下创建列表的布局xml文件，如下创建一个 gank_bottomsheet.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/gank_all"
        android:icon="@drawable/gank_icon_category"
        android:title="列表" />
    <item
        android:id="@+id/gank_ios"
        android:icon="@drawable/gank_icon_collect"
        android:title="收藏" />
    <item
        android:id="@+id/gank_app"
        android:icon="@drawable/gank_icon_ewm"
        android:title="二维码" />
    <item
        android:id="@+id/gank_qian"
        android:icon="@drawable/gank_icon_girl"
        android:title="女孩" />

menu>

	5.布局xml中：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_bottom_sheet"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent"
  >
    <Button
        android:layout_marginTop="80dp"
        android:layout_gravity="center_horizontal"
        android:id="@+id/BS_bt"
        android:background="@android:drawable/dialog_holo_light_frame"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击显示底部列表" />

LinearLayout>

	6.java文件中的使用：

public class BottomSheetActivity extends AppCompatActivity {
    private Button button;
    private Context context;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bottom_sheet);
        getSupportActionBar().hide();
        context=this;
        button=(Button)findViewById(R.id.BS_bt);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //当点击Button时，就会显示底边栏，需要new出来让后把BottomSheet的style和标题title和关联的布局sheet，然后点击监听
                new BottomSheet.Builder(context, R.style.BottomSheet_StyleDialog).title("选择分类").sheet(R.menu.gank_bottomsheet).listener(new DialogInterface.OnClickListener(){
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                        switch (which){
                            case R.id.gank_app:
                                Toast.makeText(context,"列表",Toast.LENGTH_SHORT).show();
                                break;
                            case R.id.gank_all:
                                Toast.makeText(context,"收藏",Toast.LENGTH_SHORT).show();
                                break;
                            case R.id.gank_ios:
                                Toast.makeText(context,"二维码",Toast.LENGTH_SHORT).show();
                                break;
                            case R.id.gank_qian:
                                Toast.makeText(context,"女孩",Toast.LENGTH_SHORT).show();
                                break;
                        }

                    }
                }).show();
                //记得一定要show（）出来

 

           }
        });




    }
}