Проверьте этот проект на Dribbble
Проверьте этот проект на Behance
Для рабочей реализации взгляните на модуль app
.
Добавьте его в свой корневой build.gradle в конце репозитория:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Добавьте зависимость
dependencies {
implementation 'com.github.Yalantis:Context-Menu.Android:1.1.4'
}
MenuObject
, состоящий из значка или значка и описания. Вы можете использовать любой drawable, resource, bitmap, color
в качестве изображения:
menuObject.drawable = ...
menuObject.setResourceValue(...)
menuObject.setBitmapValue(...)
menuObject.setColorValue(...)
Вы можете установить ScaleType
изображения:
menuObject.scaleType = ScaleType.FIT_XY
Вы можете использовать любой resource, drawable, color
в качестве фона:
menuObject.setBgResourceValue(...)
menuObject.setBgDrawable(...)
menuObject.setBgColorValue(...)
Теперь вы можете легко добавить стиль оформления текста для заголовков меню:
In your project styles create style for text appearance
(For better visual effect extend it from TextView.DefaultStyle):
<style name="TextViewStyle" parent="TextView.DefaultStyle">
<item name="android:textStyle">italic|bold</item>
<item name="android:textColor">#26D0EB</item>
</style>
And set it's id to your MenuObject :
val bitmapDrawable = BitmapDrawable(
resources,
BitmapFactory.decodeResource(resources, R.drawable.icn_3)
)
val menuObject = MenuObject("Add to friends").apply {
drawable = bitmapDrawable
menuTextAppearanceStyle = R.style.TextViewStyle
}
В качестве цвета текста можно использовать любой color
:
menuObject.textColor = ...
Вы можете установить любой color
в качестве цвета разделителя:
menuObject.dividerColor = ...
Пример:
val close = MenuObject().apply { setResourceValue(R.drawable.icn_close) }
val send = MenuObject("Send message").apply { setResourceValue(R.drawable.icn_1) }
val addFriend = MenuObject("Add to friends").apply {
drawable = BitmapDrawable(
resources,
BitmapFactory.decodeResource(resources, R.drawable.icn_3)
)
}
val menuObjects = mutableListOf<MenuObject>().apply {
add(close)
add(send)
add(addFriend)
}
newInstance
ContextMenuDialogFragment
, который получил объект MenuParams
. val menuParams = MenuParams(
actionBarSize = resources.getDimension(R.dimen.tool_bar_height).toInt(),
menuObjects = getMenuObjects(),
isClosableOutside = false
// set other settings to meet your needs
)
// If you want to change the side you need to add 'gravity' parameter,
// by default it is MenuGravity.END.
// For example:
val menuParams = MenuParams(
actionBarSize = resources.getDimension(R.dimen.tool_bar_height).toInt(),
menuObjects = getMenuObjects(),
isClosableOutside = false,
gravity = MenuGravity.START
)
val contextMenuDialogFragment = ContextMenuDialogFragment.newInstance(menuParams)
ContextMenuDialogFragment
. override fun onCreateOptionsMenu(menu: Menu?): Boolean {
menuInflater.inflate(R.menu.menu_main, menu)
return true
}
override fun onOptionsItemSelected(item: MenuItem?): Boolean {
item?.let {
when (it.itemId) {
R.id.context_menu -> {
showContextMenuDialogFragment()
}
}
}
return super.onOptionsItemSelected(item)
}
contextMenuDialogFragment = menuItemClickListener = { view, position ->
// do something here
}
contextMenuDialogFragment = menuItemLongClickListener = { view, position ->
// do something here
}
Для удобства размер элемента меню должен быть равен высоте ActionBar
.
newInstance
of ContextMenuDialogFragment
получает объект MenuParams
, который имеет поля:
menuObjects
- список объектов MenuObject,
animationDelay
- задержка в миллисах после открытия фрагмента и перед закрытием, что сделает анимацию более плавной на медленных устройствах,
animationDuration
- продолжительность каждого фрагмента анимации в миллисах,
isClosableOutside
- если меню можно закрыть касанием некнопочной области,
isFitSystemWindows
— если true, то будет выполнена реализация fitSystemWindows(Rect) по умолчанию,
isClipToPadding
— значение true, чтобы обрезать дочерние элементы до заполнения группы, в противном случае — значение false.
Последние два параметра могут быть полезны, если вы используете в своей теме параметры Translucent :
<item name="android:windowTranslucentStatus">true</item>
Чтобы Context Menu
оставалось под строкой состояния, установите для fitSystemWindows
значение true и clipToPadding
значение false.
menuObject.textColor
rtl
gravity
для MenuParams
setClosableOutside
.setAnimationDuration
которая не работала при возникновении проблемы с открытым событием.Usage
.ContextMenuDialogFragment
newInstance
устарели. Используйте новый универсальный вариант, получивший MenuParams
.MenuParams.setClosableOutside(boolean)
.MenuObject
. Настройка изображения перенесена в методыMenuObject
, фона, цвета текста, цвета разделителя.OnMenuItemLongClickListener
(использование: то же, что и OnMenuItemClickListener
, проверьте пример приложения) com.yalantis.contextmenu.lib.ContextMenuDialogFragment.ItemClickListener ->
com.yalantis.contextmenu.lib.interfaces.OnMenuItemClickListener
com.yalantis.contextmenu.lib.ContextMenuDialogFragment.ItemClickListener.onItemClick(...) ->
com.yalantis.contextmenu.lib.interfaces.OnMenuItemClickListener.onMenuItemClick(...)
Мы будем очень рады, если вы пришлете нам ссылки на свои проекты, в которых вы используете наш компонент. Просто отправьте электронное письмо по адресу [email protected]. Если у вас возникнут вопросы или предложения относительно анимации, сообщите нам.
PS Мы собираемся опубликовать еще больше крутых вещей, заключенных в код, и руководство о том, как сделать пользовательский интерфейс для Android (iOS) лучше, чем лучше. Следите за обновлениями!
Copyright 2019, Yalantis
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.