Lista de modificadores de Compose

Acciones

Alcance: Cualquiera
@ExperimentalFoundationApi
<T : Any?> Modifier.anchoredDraggable(
    state: AnchoredDraggableState<T>,
    orientation: Orientation,
    enabled: Boolean,
    reverseDirection: Boolean,
    interactionSource: MutableInteractionSource?
)

Habilita los gestos de arrastre entre un conjunto de valores predefinidos.

Alcance: Cualquiera
Modifier.clickable(
    enabled: Boolean,
    onClickLabel: String?,
    role: Role?,
    onClick: () -> Unit
)

Configura este componente para recibir clics a través de un evento de entrada o clic de accesibilidad.

Alcance: Cualquiera
Modifier.clickable(
    interactionSource: MutableInteractionSource,
    indication: Indication?,
    enabled: Boolean,
    onClickLabel: String?,
    role: Role?,
    onClick: () -> Unit
)

Configura este componente para recibir clics a través de un evento de entrada o clic de accesibilidad.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.combinedClickable(
    enabled: Boolean,
    onClickLabel: String?,
    role: Role?,
    onLongClickLabel: String?,
    onLongClick: (() -> Unit)?,
    onDoubleClick: (() -> Unit)?,
    onClick: () -> Unit
)

Configura este componente para recibir clics, clics dobles y clics largos mediante un evento de "clic" de entrada o de accesibilidad.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.combinedClickable(
    interactionSource: MutableInteractionSource,
    indication: Indication?,
    enabled: Boolean,
    onClickLabel: String?,
    role: Role?,
    onLongClickLabel: String?,
    onLongClick: (() -> Unit)?,
    onDoubleClick: (() -> Unit)?,
    onClick: () -> Unit
)

Configura este componente para recibir clics, clics dobles y clics largos mediante un evento de "clic" de entrada o de accesibilidad.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.mouseClickable(
    enabled: Boolean,
    onClickLabel: String?,
    role: Role?,
    onClick: MouseClickScope.() -> Unit
)

Crea un modificador similar a Modifier.clickable, pero proporciona contexto adicional con información sobre los botones presionados y los modificadores del teclado.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.draggable2D(
    state: Draggable2DState,
    enabled: Boolean,
    interactionSource: MutableInteractionSource?,
    startDragImmediately: Boolean,
    onDragStarted: suspend CoroutineScope.(startedPosition: Offset) -> Unit,
    onDragStopped: suspend CoroutineScope.(velocity: Velocity) -> Unit,
    reverseDirection: Boolean
)

Configura el arrastre táctil para el elemento de la IU en ambas orientaciones.

Alcance: Cualquiera
Modifier.draggable(
    state: DraggableState,
    orientation: Orientation,
    enabled: Boolean,
    interactionSource: MutableInteractionSource?,
    startDragImmediately: Boolean,
    onDragStarted: suspend CoroutineScope.(startedPosition: Offset) -> Unit,
    onDragStopped: suspend CoroutineScope.(velocity: Float) -> Unit,
    reverseDirection: Boolean
)

Configura el arrastre táctil para el elemento de la IU en un único objeto Orientation.

Alcance: Cualquiera

Usa este modificador para agrupar una lista de elementos selectable, como pestañas o botones de radio, para la accesibilidad.

Alcance: Cualquiera
Modifier.selectable(
    selected: Boolean,
    enabled: Boolean,
    role: Role?,
    onClick: () -> Unit
)

Configura este componente para hacerlo seleccionable, por lo general, como parte de un grupo que se excluye mutuamente, en el que solo se puede seleccionar un elemento por vez.

Alcance: Cualquiera
Modifier.selectable(
    selected: Boolean,
    interactionSource: MutableInteractionSource,
    indication: Indication?,
    enabled: Boolean,
    role: Role?,
    onClick: () -> Unit
)

Configura este componente para hacerlo seleccionable, por lo general, como parte de un grupo que se excluye mutuamente, en el que solo se puede seleccionar un elemento por vez.

Alcance: Cualquiera
@ExperimentalMaterialApi
<T : Any?> Modifier. swipeable(
    state: SwipeableState<T>,
    anchors: Map<Float, T>,
    orientation: Orientation,
    enabled: Boolean,
    reverseDirection: Boolean,
    interactionSource: MutableInteractionSource?,
    thresholds: (from, to) -> ThresholdConfig,
    resistance: ResistanceConfig?,
    velocityThreshold: Dp
)

Esta función es obsoleta. Se reemplazó el elemento Deslizable de Material por las APIs de AnchoredDraggable de Foundation.

Alcance: Cualquiera
@ExperimentalWearMaterialApi
<T : Any?> Modifier.swipeable(
    state: SwipeableState<T>,
    anchors: Map<Float, T>,
    orientation: Orientation,
    enabled: Boolean,
    reverseDirection: Boolean,
    interactionSource: MutableInteractionSource?,
    thresholds: (from, to) -> ThresholdConfig,
    resistance: ResistanceConfig?,
    velocityThreshold: Dp
)

Habilita los gestos de deslizamiento entre un conjunto de estados predefinidos.

Alcance: Cualquiera
Modifier.toggleable(
    value: Boolean,
    enabled: Boolean,
    role: Role?,
    onValueChange: (Boolean) -> Unit
)

Configura este componente para que se pueda activar o desactivar mediante eventos de entrada y de accesibilidad

Alcance: Cualquiera
Modifier.toggleable(
    value: Boolean,
    interactionSource: MutableInteractionSource,
    indication: Indication?,
    enabled: Boolean,
    role: Role?,
    onValueChange: (Boolean) -> Unit
)

Configura este componente para que se pueda activar o desactivar mediante eventos de entrada y de accesibilidad.

Alcance: Cualquiera
Modifier.triStateToggleable(
    state: ToggleableState,
    enabled: Boolean,
    role: Role?,
    onClick: () -> Unit
)

Configura este componente para que se pueda activar o desactivar mediante eventos de entrada y de accesibilidad con los siguientes tres estados: activado, desactivado o indefinido.

Alcance: Cualquiera
Modifier.triStateToggleable(
    state: ToggleableState,
    interactionSource: MutableInteractionSource,
    indication: Indication?,
    enabled: Boolean,
    role: Role?,
    onClick: () -> Unit
)

Configura este componente para que se pueda activar o desactivar mediante eventos de entrada y de accesibilidad con los siguientes tres estados: activado, desactivado o indefinido.

Alineación

Alcance: RowScope

Alinea el elemento de forma vertical dentro de Row.

Alcance: RowScope
Modifier.alignBy(alignmentLineBlock: (Measured) -> Int)

Coloca el elemento en posición vertical de modo que la línea de alineación del contenido que determine alignmentLineBlock se alinee con los elementos del mismo nivel configurados también en alignBy.

Alcance: RowScope

Coloca el elemento en posición vertical de modo que su alignmentLine se alinee con los elementos del mismo nivel que también están configurados en alignBy.

Alcance: RowScope

Coloca el elemento en posición vertical de modo que la primera línea de base se alinee con los elementos del mismo nivel configurados también en alignByBaseline o alignBy.

Alcance: ColumnScope

Alinea el elemento de forma horizontal dentro de Column.

Alcance: ColumnScope
Modifier.alignBy(alignmentLineBlock: (Measured) -> Int)

Coloca el elemento en posición horizontal de modo que la línea de alineación del contenido que determine alignmentLineBlock se alinee con los elementos del mismo nivel configurados también en alignBy.

Alcance: ColumnScope

Coloca el elemento en posición horizontal de modo que su alignmentLine se alinee con los elementos del mismo nivel configurados también en alignBy.

Alcance: BoxScope
Modifier.align(alignment: Alignment)

Mueve el elemento de contenido a un Alignment específico dentro de Box.

Animación

open
@ExperimentalAnimationApi
Modifier.animateEnterExit(
    enter: EnterTransition,
    exit: ExitTransition,
    label: String
)

El modificador animateEnterExit se puede usar para cualquier elemento secundario directo o indirecto de AnimatedVisibility para crear una animación de entrada y salida diferente de la que se especifica en AnimatedVisibility.

Alcance: LazyItemScope

Este modificador anima la posición del elemento en la lista diferida.

Este modificador anima la posición del elemento en la cuadrícula.

Borde

Alcance: Cualquiera
Modifier.border(border: BorderStroke, shape: Shape)

Modifica el elemento para agregar un borde, cuyo aspecto se especifica con border y shape, y lo acopla.

Alcance: Cualquiera
Modifier.border(width: Dp, brush: Brush, shape: Shape)

Modifica el elemento para agregar un borde, cuyo aspecto se especifica con width, brush y shape, y lo acopla.

Alcance: Cualquiera
Modifier.border(width: Dp, color: Color, shape: Shape)

Modifica el elemento para agregar un borde, cuyo aspecto se especifica con width, color y shape, y lo acopla.

Dibujo

Alcance: Cualquiera
Modifier.alpha(alpha: Float)

Dibuja el contenido con alpha modificado que puede ser inferior a 1.

Alcance: Cualquiera
Modifier.background(color: Color, shape: Shape)

Dibuja shape con un color sólido detrás del contenido.

Alcance: Cualquiera
Modifier.background(
    brush: Brush,
    shape: Shape,
    alpha: @FloatRange(from = 0.0, to = 1.0) Float
)

Dibuja shape con un brush detrás del contenido.

Alcance: Cualquiera
Modifier.clip(shape: Shape)

Acopla el contenido a shape

Alcance: Cualquiera

Acopla el contenido a los bordes de una capa definida en este modificador.

Alcance: Cualquiera
Modifier.drawBehind(onDraw: DrawScope.() -> Unit)

Dibuja en un Canvas detrás del contenido modificado.

Alcance: Cualquiera
Modifier.drawWithCache(onBuildDrawCache: CacheDrawScope.() -> DrawResult)

Dibuja en DrawScope con contenido que se repite en las llamadas de dibujo, siempre y cuando el tamaño del área de trazado sea igual o no se hayan modificado los objetos de estado leídos.

Alcance: Cualquiera

Crea un DrawModifier que permite al desarrollador definir si el dibujo se realiza antes o después del contenido del diseño.

Alcance: Cualquiera
Modifier.indication(
    interactionSource: InteractionSource,
    indication: Indication?
)

Dibuja efectos visuales para este componente cuando se producen interacciones.

Alcance: Cualquiera
Modifier.paint(
    painter: Painter,
    sizeToIntrinsics: Boolean,
    alignment: Alignment,
    contentScale: ContentScale,
    alpha: Float,
    colorFilter: ColorFilter?
)

Pinta el contenido con painter.

Alcance: Cualquiera
Modifier.shadow(
    elevation: Dp,
    shape: Shape,
    clip: Boolean,
    ambientColor: Color,
    spotColor: Color
)

Crea un graphicsLayer que dibuja una sombra.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones safe drawing.

Alcance: Cualquiera
Modifier.zIndex(zIndex: Float)

Crea un modificador que controla el orden de dibujo para los elementos secundarios del mismo diseño principal.

Enfoque

Alcance: Cualquiera
Modifier.onFocusChanged(onFocusChanged: (FocusState) -> Unit)

Agrega este modificador a un componente para observar los eventos en el estado del enfoque.

Alcance: Cualquiera
Modifier.onFocusEvent(onFocusEvent: (FocusState) -> Unit)

Agrega este modificador a un componente para observar los eventos en el estado del enfoque.

Alcance: Cualquiera

Esta función es obsoleta. Se reemplazó por focusTarget

Alcance: Cualquiera

Agrega este modificador a un componente para que sea enfocable.

Alcance: Cualquiera
Modifier. focusOrder(focusOrderReceiver: FocusOrder.() -> Unit)

Esta función es obsoleta. En su lugar, usa focusProperties().

Alcance: Cualquiera
Modifier. focusOrder(focusRequester: FocusRequester)

Esta función es obsoleta. En su lugar, usa FocusRequester().

Alcance: Cualquiera
Modifier. focusOrder(
    focusRequester: FocusRequester,
    focusOrderReceiver: FocusOrder.() -> Unit
)

Esta función es obsoleta. En su lugar, usa focusProperties() y focusRequester().

Alcance: Cualquiera

Este modificador te permite especificar propiedades a las que los focusTarget pueden acceder más abajo en la cadena del modificador o en nodos de diseño secundarios.

Alcance: Cualquiera

Agrega este modificador a un componente para solicitar cambios de foco.

Alcance: Cualquiera

Este modificador se puede usar para guardar y restablecer el enfoque en un grupo focal.

Alcance: Cualquiera

Crea un grupo focal o marca este componente como grupo focal.

Alcance: Cualquiera
Modifier.focusable(
    enabled: Boolean,
    interactionSource: MutableInteractionSource?
)

Configura este componente para hacerlo enfocable a través de un sistema de enfoque o un evento de "enfoque" de accesibilidad.

Alcance: Cualquiera

Llama a onPositioned cada vez que cambian los límites del área que tiene el foco.

Gráficos

Alcance: Cualquiera

Este objeto Modifier.Node hace que el contenido se dibuje en una capa de dibujo.

Alcance: Cualquiera
Modifier.graphicsLayer(
    scaleX: Float,
    scaleY: Float,
    alpha: Float,
    translationX: Float,
    translationY: Float,
    shadowElevation: Float,
    rotationX: Float,
    rotationY: Float,
    rotationZ: Float,
    cameraDistance: Float,
    transformOrigin: TransformOrigin,
    shape: Shape,
    clip: Boolean,
    renderEffect: RenderEffect?,
    ambientShadowColor: Color,
    spotShadowColor: Color,
    compositingStrategy: CompositingStrategy
)

Este objeto Modifier.Element hace que el contenido se dibuje en una capa de dibujo.

Alcance: Cualquiera

Este objeto Modifier.Element agrega una capa de dibujo que permite a las herramientas identificar un elemento en la imagen dibujada.

Teclado

Alcance: Cualquiera
Modifier.onKeyEvent(onKeyEvent: (KeyEvent) -> Boolean)

Si agregas este modifier al parámetro modifier de un componente, podrá interceptar eventos clave de hardware cuando este (o uno de sus elementos secundarios) esté enfocado.

Alcance: Cualquiera
Modifier.onPreviewKeyEvent(onPreviewKeyEvent: (KeyEvent) -> Boolean)

Si agregas este modifier al parámetro modifier de un componente, podrá interceptar eventos clave de hardware cuando este (o uno de sus elementos secundarios) esté enfocado.

Diseño

Alcance: Cualquiera
Modifier.layoutId(layoutId: String, tag: String?)

Es una alternativa a androidx.compose.ui.layout.layoutId que permite usar tag.

Alcance: Cualquiera
Modifier.layoutId(layoutId: Any)

Etiqueta el elemento con layoutId para identificarlo dentro del elemento principal.

Alcance: Cualquiera

Crea un elemento LayoutModifier que te permite cambiar la forma en que se mide y se muestra el elemento unido.

Alcance: Cualquiera
Modifier.onGloballyPositioned(
    onGloballyPositioned: (LayoutCoordinates) -> Unit
)

Invoca onGloballyPositioned con las LayoutCoordinates del elemento cuando la posición global del contenido puede haber cambiado.

Con relleno

Alcance: Cualquiera
Modifier.paddingFrom(alignmentLine: AlignmentLine, before: Dp, after: Dp)

Es un Modifier que puede agregar relleno para posicionar el contenido según distancias especificadas desde sus límites hasta una alignment line.

Alcance: Cualquiera
Modifier.paddingFrom(
    alignmentLine: AlignmentLine,
    before: TextUnit,
    after: TextUnit
)

Es un Modifier que puede agregar relleno para posicionar el contenido según distancias especificadas desde sus límites hasta una alignment line.

Alcance: Cualquiera
Modifier.paddingFromBaseline(top: Dp, bottom: Dp)

Es un Modifier que posiciona el contenido en un diseño de modo que la distancia desde la parte superior del diseño a la baseline of the first line of text in the content sea top, y la distancia de la baseline of the last line of text in the content a la parte inferior del diseño sea bottom.

Alcance: Cualquiera

Es un Modifier que posiciona el contenido en un diseño de modo que la distancia desde la parte superior del diseño a la baseline of the first line of text in the content sea top, y la distancia de la baseline of the last line of text in the content a la parte inferior del diseño sea bottom.

Alcance: Cualquiera
Modifier.absolutePadding(left: Dp, top: Dp, right: Dp, bottom: Dp)

Agrega espacio adicional a cada margen del contenido en Dp: left, top, right y bottom.

Alcance: Cualquiera

Agrega espacio dp all adicional en cada margen del contenido (izquierdo, superior, derecho e inferior).

Alcance: Cualquiera
Modifier.padding(paddingValues: PaddingValues)

Agrega PaddingValues al componente como espacio adicional en cada margen del contenido (izquierdo, superior, derecho e inferior).

Alcance: Cualquiera
Modifier.padding(horizontal: Dp, vertical: Dp)

Agrega un espacio dp horizontal en los márgenes izquierdo y derecho del contenido, y un espacio dp vertical en los márgenes inferior y superior.

Alcance: Cualquiera
Modifier.padding(start: Dp, top: Dp, end: Dp, bottom: Dp)

Agrega espacio adicional a cada margen del contenido en Dp: start, top, end y bottom.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones caption bar.

Alcance: Cualquiera

Agrega padding para adaptarse a display cutout.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones ime.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones mandatory system gestures.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones navigation bars.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones safe content.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones safe gestures.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones status bars.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones system bars.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones system gestures.

Alcance: Cualquiera

Agrega padding para adaptarse a las inserciones waterfall.

Alcance: Cualquiera

Agrega padding para que el contenido no ingrese espacio de insets.

Puntero

Alcance: Cualquiera
Modifier.pointerHoverIcon(
    icon: PointerIcon,
    overrideDescendants: Boolean
)

Es un modificador que permite a un desarrollador definir un ícono de puntero para mostrar cuando se coloca el cursor sobre el elemento.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.pointerInteropFilter(
    requestDisallowInterceptTouchEvent: RequestDisallowInterceptTouchEvent?,
    onTouchEvent: (MotionEvent) -> Boolean
)

Es un objeto PointerInputModifier especial que brinda acceso a los MotionEvent subyacentes que se enviaron originalmente a Compose.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.pointerMoveFilter(
    onMove: (position: Offset) -> Boolean,
    onExit: () -> Boolean,
    onEnter: () -> Boolean
)

Es un modificador que permite rastrear los eventos de movimiento del puntero (es decir, el mouse o el panel táctil).

Alcance: Cualquiera
Modifier. pointerInput(block: suspend PointerInputScope.() -> Unit)

Esta función es obsoleta. El objeto Modifier.pointerInput debe proporcionar uno o más parámetros "clave" que definan la identidad del modificador y determinen cuándo se debe cancelar su corrutina de procesamiento de la entrada anterior y cuándo se debe lanzar otro efecto para la clave nueva.

Alcance: Cualquiera
Modifier.pointerInput(key1: Any?, block: suspend PointerInputScope.() -> Unit)

Crea un modificador para procesar la entrada del puntero dentro de la región del elemento modificado.

Alcance: Cualquiera
Modifier.pointerInput(vararg keys: Any?, block: suspend PointerInputScope.() -> Unit)

Crea un modificador para procesar la entrada del puntero dentro de la región del elemento modificado.

Alcance: Cualquiera
Modifier.pointerInput(key1: Any?, key2: Any?, block: suspend PointerInputScope.() -> Unit)

Crea un modificador para procesar la entrada del puntero dentro de la región del elemento modificado.

Posición

Alcance: Cualquiera

Desplaza el contenido por offset px.

Alcance: Cualquiera

Desplaza el contenido en (dp x, dp y).

Alcance: Cualquiera
Modifier.offset(offset: Density.() -> IntOffset)

Desplaza el contenido por offset px.

Alcance: Cualquiera
Modifier.offset(x: Dp, y: Dp)

Desplaza el contenido en (dp x, dp y).

Modifier.tabIndicatorOffset(currentTabPosition: TabPosition)

Es un Modifier que abarca todo el ancho disponible dentro de TabRow y anima el desplazamiento del indicador al que se aplica según la currentTabPosition.

Modifier.tabIndicatorOffset(currentTabPosition: TabPosition)

Es un Modifier que abarca todo el ancho disponible dentro de TabRow y anima el desplazamiento del indicador al que se aplica según la currentTabPosition.

Semántica

Alcance: Cualquiera

Contiene el objeto semantics que se requiere para un indicador de progreso indefinido, que representa una operación en curso.

Alcance: Cualquiera
Modifier.progressSemantics(
    value: Float,
    valueRange: ClosedFloatingPointRange<Float>,
    steps: @IntRange(from = 0) Int
)

Contiene el objeto semantics que se requiere para un indicador de progreso definido o el progreso de un control deslizante, que representa el progreso dentro de valueRange.

Alcance: Cualquiera
Modifier.rangeSemantics(
    value: Float,
    enabled: Boolean,
    onValueChange: (Float) -> Unit,
    valueRange: ClosedFloatingPointRange<Float>,
    steps: Int
)

Es el modificador para agregar semánticas que indican el progreso del Stepper o el control deslizante.

Alcance: Cualquiera

Borra la semántica de todos los nodos subordinados y establece una semántica nueva.

Alcance: Cualquiera
Modifier.semantics(mergeDescendants: Boolean, properties: SemanticsPropertyReceiver.() -> Unit)

Agrega pares clave-valor semánticos al nodo de diseño a fin de usarlos en pruebas, accesibilidad, etc.

Desplazamiento

Alcance: Cualquiera

Recorta los límites del contenedor desplazable en el eje principal y, al mismo tiempo, deja espacio para efectos en segundo plano (como sombras) en el eje cruzado.

Alcance: Cualquiera
Modifier. mouseScrollFilter(
    onMouseScroll: (event: MouseScrollEvent, bounds: IntSize) -> Boolean
)

Esta función es obsoleta. Usa Modifier.pointerInput + PointerEventType.Scroll

Alcance: Cualquiera
Modifier.nestedScroll(
    connection: NestedScrollConnection,
    dispatcher: NestedScrollDispatcher?
)

Modifica este elemento para incluirlo en la jerarquía de desplazamiento anidada.

Alcance: Cualquiera

Renderiza el sobredesplazamiento desde el overscrollEffect proporcionado.

Alcance: Cualquiera
Modifier.onPreRotaryScrollEvent(
    onPreRotaryScrollEvent: (RotaryScrollEvent) -> Boolean
)

Si agregas este modifier al parámetro modifier de un componente, podrás interceptar RotaryScrollEvent si este (o uno de sus elementos secundarios) está enfocado.

Alcance: Cualquiera
Modifier.onRotaryScrollEvent(
    onRotaryScrollEvent: (RotaryScrollEvent) -> Boolean
)

Si agregas este modifier al parámetro modifier de un componente, podrás interceptar RotaryScrollEvent si este (o uno de sus elementos secundarios) está enfocado.

Alcance: Cualquiera
Modifier.scrollAway(scrollState: ScrollState, offset: Dp)

Desplaza un elemento verticalmente desde o hacia fuera de la vista en función de un ScrollState.

Alcance: Cualquiera
Modifier.scrollAway(
    scrollState: LazyListState,
    itemIndex: Int,
    offset: Dp
)

Desplaza un elemento verticalmente desde o hacia fuera de la vista en función de un LazyListState.

Alcance: Cualquiera
Modifier.scrollAway(
    scrollState: ScalingLazyListState,
    itemIndex: Int,
    offset: Dp
)

Desplaza un elemento verticalmente desde o hacia fuera de la vista en función de un ScalingLazyListState.

Alcance: Cualquiera
Modifier. scrollAway(
    scrollState: ScalingLazyListState,
    itemIndex: Int,
    offset: Dp
)

Esta función es obsoleta. Esta sobrecarga se proporciona para brindar retrocompatibilidad con Compose para Wear OS 1.1.Hay una sobrecarga más reciente disponible que usa ScalingLazyListState del paquete wear.compose.foundation.lazy

Alcance: Cualquiera
Modifier.horizontalScroll(
    state: ScrollState,
    enabled: Boolean,
    flingBehavior: FlingBehavior?,
    reverseScrolling: Boolean
)

Modifica este elemento para permitir el desplazamiento horizontal cuando el ancho del contenido supera el máximo permitido.

Alcance: Cualquiera
Modifier.verticalScroll(
    state: ScrollState,
    enabled: Boolean,
    flingBehavior: FlingBehavior?,
    reverseScrolling: Boolean
)

Modifica el elemento para permitir el desplazamiento vertical cuando la altura del contenido supera el máximo permitido.

Alcance: Cualquiera
Modifier.scrollable(
    state: ScrollableState,
    orientation: Orientation,
    enabled: Boolean,
    reverseDirection: Boolean,
    flingBehavior: FlingBehavior?,
    interactionSource: MutableInteractionSource?
)

Configura el desplazamiento y el arrastre táctiles para el elemento de la IU en una única Orientation.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.scrollable(
    state: ScrollableState,
    orientation: Orientation,
    overscrollEffect: OverscrollEffect?,
    enabled: Boolean,
    reverseDirection: Boolean,
    flingBehavior: FlingBehavior?,
    interactionSource: MutableInteractionSource?,
    bringIntoViewSpec: BringIntoViewSpec
)

Configura el desplazamiento y el arrastre táctiles para el elemento de la IU en una única Orientation.

Alcance: Cualquiera
@ExperimentalTvFoundationApi
Modifier.scrollableWithPivot(
    state: ScrollableState,
    orientation: Orientation,
    pivotOffsets: PivotOffsets,
    enabled: Boolean,
    reverseDirection: Boolean
)

Configura el desplazamiento y el arrastre táctiles para el elemento de la IU en una única Orientation.

Alcance: Cualquiera

Controla el teclado en pantalla como un desplazamiento anidado en Android R y versiones posteriores.

Tamaño

Alcance: Cualquiera
Modifier.animateContentSize(
    animationSpec: FiniteAnimationSpec<IntSize>,
    finishedListener: ((initialValue: IntSize, targetValue: IntSize) -> Unit)?
)

Este modificador anima su propio tamaño cuando su modificador secundario (o el elemento que admite composición secundario que se encuentra al final de la cadena) cambia de tamaño.

Alcance: Cualquiera
Modifier.aspectRatio(
    ratio: @FloatRange(from = 0.0, fromInclusive = false) Float,
    matchHeightConstraintsFirst: Boolean
)

Intenta ajustar el tamaño del contenido para que coincida con una relación de aspecto específica. Para ello, intenta hacer coincidir una de las restricciones entrantes en el siguiente orden: Constraints.maxWidth, Constraints.maxHeight, Constraints.minWidth, Constraints.minHeight si matchHeightConstraintsFirst es false (que es el valor predeterminado), o bien Constraints.maxHeight, Constraints.maxWidth, Constraints.minHeight, Constraints.minWidth si matchHeightConstraintsFirst es true.

Alcance: Cualquiera

Reserva un tamaño de al menos 48 dp para desambiguar las interacciones táctiles si el elemento fuera más pequeño.

Alcance: Cualquiera

Reserva un tamaño de al menos 48 dp para desambiguar las interacciones táctiles si el elemento fuera más pequeño.

Alcance: Cualquiera

Reserva un tamaño de al menos 48 dp para desambiguar las interacciones táctiles si el elemento fuera más pequeño.

Alcance: Cualquiera
Modifier.height(intrinsicSize: IntrinsicSize)

Declara la altura preferida del contenido de manera que sea igual a la altura mínima o máxima intrínseca del contenido.

Alcance: Cualquiera

Declara que la altura del contenido sea exactamente igual a la altura mínima o máxima intrínseca del contenido.

Alcance: Cualquiera

Declara que el ancho del contenido sea exactamente igual al ancho mínimo o máximo intrínseco del contenido.

Alcance: Cualquiera
Modifier.width(intrinsicSize: IntrinsicSize)

Declara que el ancho preferido del contenido sea el mismo que el ancho intrínseco o mínimo del contenido.

Alcance: Cualquiera
Modifier.onSizeChanged(onSizeChanged: (IntSize) -> Unit)

Se invoca con el tamaño del elemento modificado de la IU de Compose cuando el elemento se mide por primera vez o cuando cambia de tamaño.

Alcance: Cualquiera
Modifier.defaultMinSize(minWidth: Dp, minHeight: Dp)

Restringe el tamaño del diseño unido solamente cuando, de lo contrario, no estaría restringido: las restricciones minWidth y minHeight se aplican únicamente cuando su restricción entrante es 0.

Alcance: Cualquiera
Modifier.fillMaxHeight(fraction: @FloatRange(from = 0.0, to = 1.0) Float)

Haz que el contenido rellene (posiblemente solo de forma parcial) el Constraints.maxHeight de las restricciones de la medición entrante. Para ello, establece minimum height y maximum height para que sean iguales al maximum height multiplicado por fraction.

Alcance: Cualquiera
Modifier.fillMaxSize(fraction: @FloatRange(from = 0.0, to = 1.0) Float)

Haz que el contenido rellene (posiblemente solo de forma parcial) el Constraints.maxWidth y la Constraints.maxHeight de las restricciones de medición entrante. Para ello, establece minimum width y maximum width de modo que sean iguales a maximum width multiplicados por fraction, y que minimum height y maximum height sean iguales al maximum height multiplicado por fraction.

Alcance: Cualquiera
Modifier.fillMaxWidth(fraction: @FloatRange(from = 0.0, to = 1.0) Float)

Haz que el contenido rellene (posiblemente solo de forma parcial) el Constraints.maxWidth de las restricciones de la medición entrante. Para ello, establece minimum width y maximum width para que sean iguales al maximum width multiplicado por fraction.

Alcance: Cualquiera
Modifier.height(height: Dp)

Declara la altura preferida del contenido de manera que sea exactamente igual a height dp.

Alcance: Cualquiera
Modifier.heightIn(min: Dp, max: Dp)

Restringe la altura del contenido entre min dp y max dp, según lo permitido por las Constraints de la medición entrante.

Alcance: Cualquiera

Declara que la altura del contenido sea igual a height dp.

Alcance: Cualquiera
Modifier.requiredHeightIn(min: Dp, max: Dp)

Restringe la altura del contenido entre min dp y max dp.

Alcance: Cualquiera

Declara que el tamaño del contenido sea de exactamente de size dp de ancho y de altura.

Alcance: Cualquiera

Declara que el tamaño del contenido sea exactamente size.

Alcance: Cualquiera
Modifier.requiredSize(width: Dp, height: Dp)

Declara que el tamaño del contenido sea exactamente width dp y height dp.

Alcance: Cualquiera
Modifier.requiredSizeIn(
    minWidth: Dp,
    minHeight: Dp,
    maxWidth: Dp,
    maxHeight: Dp
)

Restringe el ancho del contenido entre minWidth dp y maxWidth dp, y la altura entre minHeight dp y maxHeight dp.

Alcance: Cualquiera

Declara que el ancho del contenido sea exactamente width dp.

Alcance: Cualquiera
Modifier.requiredWidthIn(min: Dp, max: Dp)

Restringe el ancho del contenido entre min dp y max dp.

Alcance: Cualquiera
Modifier.size(size: Dp)

Declara que el tamaño preferido del contenido sea exactamente size dp al cuadrado.

Alcance: Cualquiera
Modifier.size(size: DpSize)

Declara que el tamaño preferido del contenido sea exactamente size.

Alcance: Cualquiera
Modifier.size(width: Dp, height: Dp)

Declara que el tamaño preferido del contenido sea exactamente width dp por height dp.

Alcance: Cualquiera
Modifier.sizeIn(minWidth: Dp, minHeight: Dp, maxWidth: Dp, maxHeight: Dp)

Restringe el ancho del contenido entre minWidth dp y maxWidth dp, y la altura entre minHeight dp y maxHeight dp, según lo permitido por las Constraints de la medición entrante.

Alcance: Cualquiera
Modifier.width(width: Dp)

Declara que el ancho preferido del contenido sea exactamente width dp.

Alcance: Cualquiera
Modifier.widthIn(min: Dp, max: Dp)

Restringe el ancho del contenido entre min dp y max dp, según lo permitido por la Constraints de la medición entrante.

Alcance: Cualquiera
Modifier.wrapContentHeight(
    align: Alignment.Vertical,
    unbounded: Boolean
)

Permite que la altura del contenido no esté limitada por la minimum height constraint de la medición entrante y, si unbounded es verdadero, tampoco tenga en cuenta la maximum height constraint de la medición entrante.

Alcance: Cualquiera
Modifier.wrapContentSize(align: Alignment, unbounded: Boolean)

Permite que el tamaño del contenido no esté limitado por las restricciones minimum width o minimum height de la medición entrante y, si unbounded es verdadero, tampoco tenga en cuenta las restricciones máximas entrantes.

Alcance: Cualquiera
Modifier.wrapContentWidth(
    align: Alignment.Horizontal,
    unbounded: Boolean
)

Permite que el ancho del contenido no esté limitado por la minimum width constraint de la medición entrante y, si unbounded es verdadero, tampoco tenga en cuenta la maximum width constraint de la medición entrante.

Alcance: Cualquiera

Es el modificador para establecer el tamaño y el objetivo táctil recomendado de IconButton y TextButton.

Alcance: Cualquiera

Establece la altura en el valor de insets en el bottom de la pantalla.

Alcance: Cualquiera

Establece el ancho en el valor de insets en el end de la pantalla mediante left o right, según la LayoutDirection.

Alcance: Cualquiera

Establece el ancho en el valor de insets en el start de la pantalla mediante left o right, según la LayoutDirection.

Alcance: Cualquiera

Establece la altura en el valor de la insets en la top de la pantalla.

Alcance: RowScope
Modifier.weight(
    weight: @FloatRange(from = 0.0, fromInclusive = false) Float,
    fill: Boolean
)

Ajusta el ancho del elemento en proporción a su weight en comparación con otros elementos medidos del mismo nivel en Row.

Alcance: ColumnScope
Modifier.weight(
    weight: @FloatRange(from = 0.0, fromInclusive = false) Float,
    fill: Boolean
)

Ajusta la altura del elemento en proporción a su weight en comparación con otros elementos medidos del mismo nivel en Column.

Alcance: BoxScope

Ajusta el tamaño del elemento para que coincida con el tamaño de Box después de medir los demás elementos de contenido.

Alcance: LazyItemScope
Modifier.fillParentMaxHeight(
    fraction: @FloatRange(from = 0.0, to = 1.0) Float
)

Haz que el contenido rellene las Constraints.maxHeight de las restricciones de la medición entrante. Para ello, establece que minimum height sea igual al resultado de multiplicar maximum height por fraction.

Alcance: LazyItemScope
Modifier.fillParentMaxSize(
    fraction: @FloatRange(from = 0.0, to = 1.0) Float
)

Haz que el contenido rellene el Constraints.maxWidth y el Constraints.maxHeight de las restricciones de medición superiores. Para ello, establece minimum width de modo que sea igual a maximum width multiplicado por fraction y que minimum height sea igual al maximum height multiplicado por fraction.

Alcance: LazyItemScope
Modifier.fillParentMaxWidth(
    fraction: @FloatRange(from = 0.0, to = 1.0) Float
)

Haz que el contenido rellene las Constraints.maxWidth de las restricciones de medición principales. Para ello, establece que minimum width sea igual al resultado de multiplicar maximum width por fraction.

Modifier.exposedDropdownSize(matchTextFieldWidth: Boolean)

Es el modificador que se debe aplicar a un elemento ExposedDropdownMenu ubicado dentro del alcance.

Modifier.exposedDropdownSize(matchTextFieldWidth: Boolean)

Es el modificador que se debe aplicar a un elemento ExposedDropdownMenu ubicado dentro del alcance.

Pruebas

Alcance: Cualquiera

Aplica una etiqueta que permite encontrar el elemento modificado en las pruebas.

Transformaciones

Alcance: Cualquiera
Modifier.rotate(degrees: Float)

Establece los grados en los que se rota la vista sobre el centro del elemento que admite composición.

Alcance: Cualquiera
Modifier.scale(scale: Float)

Escala de manera uniforme el contenido de los ejes horizontal y vertical usando el mismo factor de escala.

Alcance: Cualquiera
Modifier.scale(scaleX: Float, scaleY: Float)

Escala el contenido del elemento componible usando los siguientes factores de escala en los ejes horizontal y vertical, respectivamente.

Alcance: Cualquiera
Modifier.transformable(
    state: TransformableState,
    lockRotationOnZoomPan: Boolean,
    enabled: Boolean
)

Habilita los gestos de transformación del elemento de la IU modificado.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.transformable(
    state: TransformableState,
    canPan: (Offset) -> Boolean,
    lockRotationOnZoomPan: Boolean,
    enabled: Boolean
)

Habilita los gestos de transformación del elemento de la IU modificado.

Otro

Alcance: Cualquiera

Es un modificador que permite que un elemento al que se aplica se trate como una fuente para operaciones de arrastrar y soltar.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.basicMarquee(
    iterations: Int,
    animationMode: MarqueeAnimationMode,
    delayMillis: Int,
    initialDelayMillis: Int,
    spacing: MarqueeSpacing,
    velocity: Dp
)

Aplica un efecto de marquesina animada al contenido modificado si es demasiado ancho para caber en el espacio disponible.

Alcance: Cualquiera
Modifier.blur(radius: Dp, edgeTreatment: BlurredEdgeTreatment)

Dibuja el contenido desenfocado con los radios especificados.

Alcance: Cualquiera
Modifier.blur(
    radiusX: Dp,
    radiusY: Dp,
    edgeTreatment: BlurredEdgeTreatment
)

Dibuja el contenido desenfocado con los radios especificados.

Alcance: Cualquiera

Modificador que se puede usar para enviar solicitudes bringIntoView.

Alcance: Cualquiera

Un elemento superior que puede responder a solicitudes BringIntoViewRequester de sus elementos secundarios y desplazarse para que el elemento sea visible en pantalla.

Alcance: Cualquiera
Modifier.composed(
    inspectorInfo: InspectorInfo.() -> Unit,
    factory: @Composable Modifier.() -> Modifier
)

Declara una composición justo a tiempo de un Modifier que se compone de cada elemento modificado.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.composed(
    fullyQualifiedName: String,
    key1: Any?,
    inspectorInfo: InspectorInfo.() -> Unit,
    factory: @Composable Modifier.() -> Modifier
)

Declara una composición justo a tiempo de un Modifier que se compone de cada elemento modificado.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.composed(
    fullyQualifiedName: String,
    vararg keys: Any?,
    inspectorInfo: InspectorInfo.() -> Unit,
    factory: @Composable Modifier.() -> Modifier
)

Declara una composición justo a tiempo de un Modifier que se compone de cada elemento modificado.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.composed(
    fullyQualifiedName: String,
    key1: Any?,
    key2: Any?,
    inspectorInfo: InspectorInfo.() -> Unit,
    factory: @Composable Modifier.() -> Modifier
)

Declara una composición justo a tiempo de un Modifier que se compone de cada elemento modificado.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.composed(
    fullyQualifiedName: String,
    key1: Any?,
    key2: Any?,
    key3: Any?,
    inspectorInfo: InspectorInfo.() -> Unit,
    factory: @Composable Modifier.() -> Modifier
)

Declara una composición justo a tiempo de un Modifier que se compone de cada elemento modificado.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.dragAndDropSource(
    drawDragDecoration: DrawScope.() -> Unit,
    block: suspend DragAndDropSourceScope.() -> Unit
)

Es un modificador que permite que un elemento al que se aplica se trate como una fuente para operaciones de arrastrar y soltar.

Alcance: Cualquiera
@ExperimentalFoundationApi
Modifier.dragAndDropTarget(
    onStarted: (event: DragAndDropEvent) -> Boolean,
    onDropped: (event: DragAndDropEvent) -> Boolean,
    onEntered: (event: DragAndDropEvent) -> Unit,
    onMoved: (event: DragAndDropEvent) -> Unit,
    onChanged: (event: DragAndDropEvent) -> Unit,
    onExited: (event: DragAndDropEvent) -> Unit,
    onEnded: (event: DragAndDropEvent) -> Unit
)

Es un modificador que permite recibir mensajes de un gesto de arrastrar y soltar.

Alcance: Cualquiera

Esta función es obsoleta. Usa systemGestureExclusion.

Alcance: Cualquiera

Esta función es obsoleta. Usa systemGestureExclusion.

Alcance: Cualquiera
Modifier.hoverable(
    interactionSource: MutableInteractionSource,
    enabled: Boolean
)

Configura este componente para que se pueda colocar el cursor sobre él mediante eventos de entrada y salida del puntero.

Alcance: Cualquiera
inline
Modifier.inspectable(
    noinline inspectorInfo: InspectorInfo.() -> Unit,
    factory: Modifier.() -> Modifier
)

Úsalo para agrupar un conjunto común de modificadores y proporcionar InspectorInfo para el modificador resultante.

Alcance: Cualquiera

Crea un diseño intermedio destinado a ayudar a transformar el diseño actual al diseño anticipado (es decir, el futuro calculado previamente).

Alcance: Cualquiera
Modifier.magnifier(
    sourceCenter: Density.() -> Offset,
    magnifierCenter: Density.() -> Offset,
    onSizeChanged: ((DpSize) -> Unit)?,
    zoom: Float,
    size: DpSize,
    cornerRadius: Dp,
    elevation: Dp,
    clippingEnabled: Boolean
)

Muestra un widget Magnifier que muestra una versión ampliada del contenido en sourceCenter con relación al nodo de diseño actual.

Alcance: Cualquiera

Un modificador que se puede usar para consumir los ModifierLocal que proporcionaron otros modificadores a la izquierda de este o sobre este en el árbol de diseño.

Alcance: Cualquiera
@ExperimentalComposeUiApi
<T : Any?> Modifier.modifierLocalProvider(
    key: ProvidableModifierLocal<T>,
    value: () -> T
)

Un modificador que se puede usar para proporcionar ModifierLocal que pueden leer otros modificadores a la derecha de este, o bien modificadores que son elementos secundarios del nodo de diseño al que está adjunto este modificador.

Alcance: Cualquiera

Invoca a onPlaced después de que se coloquen el LayoutModifier superior y el diseño de nivel superior, y antes de que se coloque el LayoutModifier secundario.

Alcance: Cualquiera
@ExperimentalWearMaterialApi
@Composable
Modifier.placeholder(
    placeholderState: PlaceholderState,
    shape: Shape,
    color: Color
)

Dibuja una forma de marcador de posición sobre un elemento componible y anima un efecto de borrado para quitar el marcador de posición.

Alcance: Cualquiera
@ExperimentalWearMaterialApi
@Composable
Modifier.placeholderShimmer(
    placeholderState: PlaceholderState,
    shape: Shape,
    color: Color
)

Es un modificador para dibujar un marcador de posición de brillo sobre un componente.

Alcance: Cualquiera

Llama a watcher con cada MotionEvent que recibe el área de diseño o cualquier elemento secundario pointerInput.

Alcance: Cualquiera

Marca el rectángulo de diseño como preferible no incluir ventanas flotantes.

Alcance: Cualquiera

Marca un rectángulo dentro de las coordenadas de diseño locales y evita las ventanas flotantes.

Alcance: Cualquiera

Es un modificador para traducir la posición y ajustar el tamaño de un indicador de "deslizar hacia abajo para actualizar" según un objeto PullRefreshState determinado.

Alcance: Cualquiera

Es un modificador de desplazamiento anidado que proporciona eventos de desplazamiento a state.

Alcance: Cualquiera
@ExperimentalMaterialApi
Modifier.pullRefresh(
    onPull: (pullDelta: Float) -> Float,
    onRelease: suspend (flingVelocity: Float) -> Float,
    enabled: Boolean
)

Es un modificador de desplazamiento anidado que proporciona devoluciones de llamada onPull y onRelease para ayudar a compilar componentes personalizados de actualización de extracción.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.onInterceptKeyBeforeSoftKeyboard(
    onInterceptKeyBeforeSoftKeyboard: (KeyEvent) -> Boolean
)

Si agregas este modifier al parámetro modifier de un componente, podrá interceptar eventos clave de hardware antes de que se envíen al teclado en pantalla.

Alcance: Cualquiera
@ExperimentalComposeUiApi
Modifier.onPreInterceptKeyBeforeSoftKeyboard(
    onPreInterceptKeyBeforeSoftKeyboard: (KeyEvent) -> Boolean
)

Si agregas este modifier al parámetro modifier de un componente, podrá interceptar eventos clave de hardware antes de que se envíen al teclado en pantalla.

Alcance: Cualquiera
Modifier.edgeSwipeToDismiss(
    swipeToDismissBoxState: SwipeToDismissBoxState,
    edgeWidth: Dp
)

Los límites se deslizan para descartarlos a fin de que estén activos desde el borde del viewport únicamente.

Alcance: Cualquiera
Modifier. edgeSwipeToDismiss(
    swipeToDismissBoxState: SwipeToDismissBoxState,
    edgeWidth: Dp
)

Esta función es obsoleta. Se migró DeslizaToDismiss a androidx.wear.compose.foundation.

Alcance: Cualquiera

Excluye el rectángulo de diseño del gesto del sistema.

Alcance: Cualquiera

Excluye un rectángulo dentro de las coordenadas de diseño locales del gesto del sistema.

Alcance: Cualquiera

Consume inserciones que otros usuarios no hayan consumido aún, de forma similar a windowInsetsPadding, sin agregar padding.

Alcance: Cualquiera

Consume paddingValues como inserciones como si se agregara padding independientemente de las inserciones.

Alcance: Cualquiera
Modifier.onConsumedWindowInsetsChanged(
    block: (consumedWindowInsets: WindowInsets) -> Unit
)

Llama a block con el WindowInsets que se consumió, ya sea por consumeWindowInsets o uno de los modificadores de padding, como imePadding.

Modifier que se debe aplicar al elemento componible de anclaje cuando se muestra la información de la herramienta después de mantener presionado el elemento de anclaje componible.

Es el modificador que se debe aplicar a un elemento TextField (o OutlinedTextField) ubicado dentro del alcance.