Context Menu.Android
1.1.4
Confira este projeto no dribble
Confira este projeto no Behance
Para uma implementação funcional, dê uma olhada no módulo app
Adicione-o em sua raiz build.gradle no final dos repositórios:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Adicione a dependência
dependencies {
implementation 'com.github.Yalantis:Context-Menu.Android:1.1.4'
}
MenuObject , que consiste em ícone ou ícone e descrição. Você pode usar qualquer drawable, resource, bitmap, color como imagem:
menuObject.drawable = ...
menuObject.setResourceValue(...)
menuObject.setBitmapValue(...)
menuObject.setColorValue(...)
Você pode definir a imagem ScaleType :
menuObject.scaleType = ScaleType.FIT_XY
Você pode usar qualquer resource, drawable, color como plano de fundo:
menuObject.setBgResourceValue(...)
menuObject.setBgDrawable(...)
menuObject.setBgColorValue(...)
Agora você pode adicionar facilmente um estilo de aparência de texto para títulos de menu:
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
}
Você pode usar qualquer color como cor do texto:
menuObject.textColor = ...
Você pode definir qualquer color como cor do divisor:
menuObject.dividerColor = ...
Exemplo:
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 de ContextMenuDialogFragment , que recebeu o objeto 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
}
Para uma melhor experiência, o tamanho do item de menu deve ser igual à altura ActionBar .
newInstance de ContextMenuDialogFragment recebe o objeto MenuParams que possui os campos:
menuObjects - lista de objetos MenuObject,
animationDelay - atraso em milissegundos após a abertura e antes do fechamento do fragmento, o que tornará a animação mais suave em dispositivos lentos,
animationDuration - duração de cada parte da animação em milissegundos,
isClosableOutside - se o menu puder ser fechado ao tocar em uma área sem botão,
isFitSystemWindows - se verdadeiro, então a implementação padrão de fitSystemWindows(Rect) será executada,
isClipToPadding - true para recortar os filhos no preenchimento do grupo, caso contrário, false.
Os dois últimos parâmetros podem ser úteis se você usar parâmetros Translúcidos em seu tema:
<item name="android:windowTranslucentStatus">true</item>
Para permanecer Context Menu abaixo da barra de status, defina fitSystemWindows como true e clipToPadding como false.
menuObject.textColor foi corrigidortlgravity para MenuParamssetClosableOutside .setAnimationDuration corrigido não funciona para problemas de eventos abertos.Usage .ContextMenuDialogFragment newInstance estão obsoletos. Use o novo universal que recebeu MenuParams .MenuParams.setClosableOutside(boolean) .MenuObject alterados. A configuração da imagem foi movida para métodosMenuObject , plano de fundo, cor do texto e cor do divisorOnMenuItemLongClickListener (uso: o mesmo que OnMenuItemClickListener , verifique o aplicativo de exemplo) 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(...)
Ficaríamos muito felizes se você nos enviasse links para seus projetos onde você usa nosso componente. Basta enviar um e-mail para [email protected] e nos avisar se tiver alguma dúvida ou sugestão em relação à animação.
PS: Vamos publicar mais maravilhas embrulhadas em código e um tutorial sobre como tornar a UI para Android (iOS) melhor do que melhor. Fique atento!
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.
