底边列表BottomSheet使用

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

使用

1.导入build

compile ‘com.cocosw:bottomsheet:1.3.0’

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

#999 #666 #ffffffff #EBEBEB 3.在res/values/styles.xml中添加以下style

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

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

5.布局xml中: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"
>
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="点击显示底部列表" />

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()出来
 }
});
}
} 底边列表BottomSheet使用 - 阿里云