Android控件BottomSheet实现底边弹出选择列表

 更新时间:2020年08月26日 14:52:11   作者:Dream_JK  
这篇文章主要介绍了Android控件BottomSheet实现底边弹出选择列表,比较常用的选择条件或跳转方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

底边弹出一个选择列表这是一个比较常用的选择条件或跳转的很好的方法,可以很好的隐藏各个选项。在需要使用时在底边弹出。而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()出来

 
   }
  });




 }
}

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android实现将已发送的短信写入短信数据库的方法

    Android实现将已发送的短信写入短信数据库的方法

    这篇文章主要介绍了Android实现将已发送的短信写入短信数据库的方法,是Android手机开发常见的技巧,需要的朋友可以参考下
    2014-09-09
  • Android实现扩大View点击区域的三种方式

    Android实现扩大View点击区域的三种方式

    在 Android 应用开发中,有时候需要扩大 View 的点击区域以提高用户交互的便利性,尤其是当视图元素较小或用户界面密集时,以下提供几种扩大点击区域的思路,感兴趣的小伙伴跟着小编一起来看看吧
    2024-08-08
  • Android中利用matrix 控制图片的旋转、缩放、移动

    Android中利用matrix 控制图片的旋转、缩放、移动

    本篇文章是对Android中利用matrix 控制图片的旋转、缩放、移动进行了详细的分析介绍,需要的朋友参考下
    2013-06-06
  • Android协程的7个重要知识点汇总

    Android协程的7个重要知识点汇总

    在现代Android应用开发中,协程(Coroutine)已经成为一种不可或缺的技术,它不仅简化了异步编程,还提供了许多强大的工具和功能,可以在高阶场景中发挥出色的表现,本文将深入探讨Coroutine重要知识点,帮助开发者更好地利用Coroutine来构建高效的Android应用
    2023-09-09
  • Android利用POI实现将图片插入到Excel

    Android利用POI实现将图片插入到Excel

    这篇文章主要为大家详细介绍了Android如何利用POI实现将图片插入到Excel,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-11-11
  • DialogFragment运行原理及使用方法详解

    DialogFragment运行原理及使用方法详解

    这篇文章主要介绍了DialogFragment运行原理及使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • Android编程中EditText限制文字输入的方法

    Android编程中EditText限制文字输入的方法

    这篇文章主要介绍了Android编程中EditText限制文字输入的方法,涉及Android针对EditText的监听技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Kotlin超简单实现StepView的方法

    Kotlin超简单实现StepView的方法

    这篇文章主要介绍了Kotlin超简单实现StepView的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • Android实现加载时提示“正在加载,请稍后”的方法

    Android实现加载时提示“正在加载,请稍后”的方法

    在现在的很多应用中,当在加载的时候,如果页面动态数据较多,会有很长一段时间的空白页面,如果加上这个页面正在加载的提示,使得应用更加人性化。这篇文章就给大家分享了在 Android实现加载时提示“正在加载,请稍后”的方法,有需要的朋友们可以参考借鉴。
    2016-10-10
  • Android使用剪切板传递数据

    Android使用剪切板传递数据

    这篇文章主要为大家详细介绍了Android使用剪切板传递数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论