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

BottomMenuTutorial

项目地址：fccaikai/BottomMenuTutorial

简介：使用 DialogFragment 和 BottomSheet 实现底部弹出框更多：作者   提 Bug   标签：DialogFragment-BottomSheet-

 

ScreenShots

SetUp

Gradle

Step 1. Add the JitPack repository to your build fileAdd 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>