SplitButton
A dual-function menu button that offers a default action as well as the possibility of choosing a different action by selecting from a set of alternatives.
Setup
Add it in your root build.gradle
at the end of repositories:
allprojects {
repositories {
//...omitted for brevity
maven { url 'https://jitpack.io' }
}
}
Add the dependency
dependencies {
implementation "com.github.kojofosu:SplitButton:$latest_release"
}
💡 Tech Used
Demo
Usage
Sample implementation here
Split Button
- Add
SplitButton
to your xml layout.
<com.mcdev.splitbuttonlibrary.SplitButton
android:id="@+id/split_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
Initialize and customise split button
var splitBtn: SplitButton = findViewById(R.id.split_btn)
splitBtn.setTextColor(R.color.black)
splitBtn.setIconColor(android.R.color.white)
splitBtn.setBgColor(android.R.color.holo_orange_light)
splitBtn.setMenuItems(R.menu.split_menu)
splitBtn.itemColor = android.R.color.holo_blue_dark // set menu items color
Button listener
splitBtn.setOnButtonClickListener(object : OnButtonClickListener {
override fun onClick(itemId: Int, itemTitle: String?) {
Log.d("TAG", "onClick: id :$itemId")
Log.d("TAG", "onClick: title :$itemTitle")
if (itemId == R.id.send) {
Toast.makeText(this@MainActivity, "Send", Toast.LENGTH_SHORT).show()
Log.d("TAG", "onClick: send ")
}else if (itemId == R.id.sfl) {
Toast.makeText(this@MainActivity, "Save for later", Toast.LENGTH_SHORT).show()
Log.d("TAG", "onClick: bookmark ")
} else if (itemId == R.id.draft) {
Toast.makeText(this@MainActivity, "Draft", Toast.LENGTH_SHORT).show()
}
}
})
Add menu items. You can set your items in arraylist
setMenuItems(
listOf(
SplitMenu(0, "Merge", R.drawable.ic_merge_git_icon),
SplitMenu(1, "Rebase", R.drawable.git_request_icon)
)
)
Add menu items. You can also create menu list and place it in src/main/res/menu/
directory.
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/send"
android:icon="@drawable/ic_paper_plane"
android:title="Send"/>
<item
android:id="@+id/sfl"
android:icon="@drawable/ic_calendar"
android:title="Schedule"/>
<item
android:id="@+id/draft"
android:icon="@drawable/ic_bookmark"
android:title="Draft"/>
</menu>
Style menu items
- To style menu items to change background color etc
<style name="PopMen" parent="Widget.AppCompat.PopupMenu.Overflow">
<!-- change menu text color-->
<item name="android:textColor">@android:color/black</item>
<!--change popup menu background color-->
<item name="popupMenuBackground">@android:color/holo_orange_light</item>
<item name="android:radius">30dp</item>
<item name="cardCornerRadius">30dp</item>
<item name="cornerRadius">30dp</item>
</style>