底边弹出一个选择列表这是一个比较常用的选择条件或跳转的很好的方法,可以很好的隐藏各个选项。在需要使用时在底边弹出。而BottomSheet就是这样的一个控件。
使用
1.导入build
compile 'com.cocosw:bottomsheet:1.3.0'
2.在res/values/colors.xml文件中添加以下代码:
<!--首页item文字颜色--> <color name="colorSubtitle">#999</color> <!--列表文字颜色--> <color name="colorTitle">#666</color> <color name="colorWhite">#ffffffff</color> <!--首页分割线--> <color name="colorLine">#EBEBEB</color>
3.在res/values/styles.xml中添加以下style
<style name="BottomSheet.StyleDialog" parent="BottomSheet.Dialog"> <item name="android:backgroundDimAmount">0.5</item> <item name="android:windowAnimationStyle">@style/BottomSheet.Animation</item> <item name="android:textColorPrimary">@color/colorTitle</item> <item name="android:textColorSecondary">@color/colorSubtitle</item> <item name="android:textSize">15sp</item> <item name="android:textColorHint">#42ffffff</item> <item name="bs_dialogBackground">@color/colorWhite</item> <item name="bs_dividerColor">@color/colorLine</item> <item name="bs_numColumns">5</item> <item name="bs_listStyle">@style/BottomSheet.List</item> </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()出来 } }); } }
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。