使用 DialogFragment 和 BottomSheet 实现底部弹出框

BottomMenuTutorial

项目地址：fccaikai/BottomMenuTutorial

简介：使用 DialogFragment 和 BottomSheet 实现底部弹出框

更多：作者   提 Bug   

标签：

DialogFragment-BottomSheet-

 

ScreenShots

SetUp

Gradle

Step 1. Add the JitPack repository to your build file

Add it in your root build.gradle at the end of repositories:

allprojects {    repositories {    ...        maven { url 'https://jitpack.io' }    }}

Step 2. Add the dependency

dependencies {    compile 'com.github.fccaikai:BottomMenuTutorial:1.1.0'}

Maven

Step 1. Add the JitPack repository to your build file

<repositories>    <repository>        <id>jitpack.io</id>        <url>https://jitpack.io</url>    </repository></repositories>

Step 2. Add the dependency

<dependency>    <groupId>com.github.fccaikai</groupId>    <artifactId>BottomMenuTutorial</artifactId>    <version>1.0.2</version></dependency>

Usage

Defalut

BottomDialog dialog = BottomDialog.newInstance("title",new String[]{"item1","item2"});/**** BottomDialog dialog = BottomDialog.newInstance("titleText","cancelText",new String[]{"item1","item2"});** use public static BottomDialog newInstance(String titleText,String cancelText, String[] items)* set cancel text*/dialog.show(getChildFragmentManager(),"dialog");    //add item click listener    dialog.setListener(new BottomDialog.OnClickListener() {        @Override        public void click(int position) {            Toast.makeText(getContext(), "" + position, Toast.LENGTH_LONG).show();        } });

Custom

custom dialog text size & color if need. in your app corlor.xml define :

    <color name="bottom_lib_dialog_item_text_color">your dialog item color</color>    <color name="bottom_lib_dialog_title_text_color">your dialog title color</color>    <color name="bottom_lib_dialog_cancel_text_color">your dialog cancel color1</color>

dimen.xml define：

    <dimen name="bottom_lib_dialog_item_text">your dialog item text size,default 16sp</dimen>    <dimen name="bottom_lib_dialog_title_text">your dialog title text title,default 18sp</dimen>    <dimen name="bottom_lib_dialog_cancel_text">your dialog title cancel title,default 18sp</dimen>

custom dialog padding:

<dimen name="bottom_lib_dialog_padding_top">12dp</dimen>    <dimen name="bottom_lib_dialog_padding_bottom">12dp</dimen>    <dimen name="bottom_lib_dialog_padding_left">12dp</dimen>    <dimen name="bottom_lib_dialog_padding_right">12dp</dimen>