WorksheetsPRACTICA DE RECUPERACION - APLICACIONES MOVILES I
Total questions: 51
Worksheet time: 28mins
¿Qué control en Flet se utiliza para crear una tarjeta con contenido agrupado?
Row
GridView
Card
Container
¿Cuál es el control utilizado para agrupar widgets verticalmente?
Row
Column
Tabs
BottomAppBar
¿Qué control en Flet se usa para crear una cuadrícula de elementos?
GridView
Row
Column
Card
¿Qué control permite agrupar widgets en una fila horizontal?
BottomAppBar
Card
Row
Container
¿Qué control contiene y aplica estilo a otros widgets, como borde o color de fondo?
Row
Container
Tabs
GridView
¿Qué control se utiliza para organizar widgets en pestañas?
Column
Tabs
GridView
BottomAppBar
¿Cuál de estos controles está diseñado para la navegación en la parte inferior de la pantalla?
BottomAppBar
Card
Tabs
Column
¿Qué control se utiliza para crear un reproductor de audio?
Video
Audio
Row
Lottie
¿Qué control en Flet permite reproducir animaciones Lottie?
Lottie
Audio
Tabs
Card
¿Qué control se usa para crear botones en Flet?
GridView
BottomAppBar
Row
Buttons
¿Qué control permite crear una barra de navegación lateral en Flet?
Tabs
NavigationRail
Column
Card
¿Qué control permite la visualización de videos en una aplicación Flet?
Audio
Video
Tabs
Row
¿Cuál es el control principal para la navegación dentro de una aplicación Flet?
BottomAppBar
NavigationBar
Lottie
Column
¿Qué control organiza widgets en filas y columnas con desplazamiento?
Container
GridView
NavigationRail
Buttons
¿Cuál de los siguientes no es un control de navegación en Flet?
BottomAppBar
NavigationBar
GridView
NavigationRail
¿Qué control permite agrupar widgets y aplicarles paddings y márgenes?
Tabs
Card
Container
GridView
¿Qué propiedad en un Container permite modificar el ancho del borde?
padding
border_radius
border_width
margin
¿Cuál de las siguientes opciones define correctamente una pestaña en Flet?
Tabs
Row
BottomAppBar
Lottie
¿Qué control te permite añadir botones en la barra de navegación inferior?
NavigationRail
BottomAppBar
GridView
Card
¿Qué propiedad de GridView permite definir la cantidad de columnas?
crossAxisCount
rows
spacing
mainAxisCount
¿Qué control en Flet te permite animar widgets?
Lottie
Tabs
GridView
Container
¿Qué función es usada para mostrar pestañas dentro de una aplicación Flet?
Row
Tabs
NavigationRail
BottomAppBar
¿Qué propiedad en Row permite alinear widgets horizontalmente?
crossAxisAlignment
mainAxisAlignment
alignment
flex
¿Qué propiedad de NavigationRail define las etiquetas de los botones?
label
tabs
buttons
titles
¿Cuál es la propiedad de Container que define el color de fondo?
border_color
background_color
color
fill
¿Qué control permite mostrar archivos multimedia como videos?
Lottie
Video
BottomAppBar
GridView
¿Qué propiedad en GridView ajusta el espacio entre columnas?
crossAxisSpacing
columnSpacing
columnGap
mainAxisSpacing
¿Qué propiedad en Row define el espacio
¿Qué propiedad en GridView ajusta el espacio entre columnas?
crossAxisSpacing
columnSpacing
columnGap
mainAxisSpacing
¿Qué propiedad en Row define el espacio entre los widgets?
space_between
mainAxisSpacing
spacing
gap
¿Qué control en Flet te permite reproducir un archivo de audio?
Video
Audio
Lottie
Tabs
¿Qué control te permite mostrar botones de navegación en una barra lateral?
NavigationBar
NavigationRail
BottomAppBar
Row
¿Cómo se establece una animación en un control Container?
Container.animate
Lottie.animate
Row.animate
GridView.animate
¿Qué propiedad en GridView es usada para ajustar el espacio entre filas?
mainAxisSpacing
rowSpacing
gap
padding
¿Cómo se añade un botón a una pestaña de Tabs en Flet?
Tabs.add_button
Tabs.add_content
Tabs.add
Tabs.add_control
¿Qué control se utiliza para reproducir animaciones de Lottie?
Card
Lottie
Video
GridView
¿Qué propiedad de Container te permite añadir un borde redondeado?
corner_radius
border_radius
edge_round
rounded_corner
Ejercicio: Crea un layout utilizando Row que contenga tres botones y asegúrate de que el espacio entre ellos sea equitativo.
row = Row(mainAxisAlignment='space_between')
row = Row(crossAxisAlignment='center')
row = Row(mainAxisSpacing='equal')
row = Row(space_between=True)
Ejercicio: Diseña una interfaz que muestre un video usando el control Video en Flet, con un contenedor personalizado.
container = Container(content=Video(src='video.mp4'))
video = VideoPlayer(src='video.mp4')
container = Container(video='video.mp4')
player = Video(content='video.mp4')
Ejercicio: Crea un GridView con 3 columnas y 5 filas de elementos. ¿Qué propiedad debes ajustar?
crossAxisCount=3
columnCount=3
rowAxisCount=5
mainAxisCount=5
Ejercicio: Crea una barra de navegación lateral con tres opciones usando NavigationRail.
NavigationRail(destinations=[dest1, dest2, dest3])
NavigationRail(options=[opt1, opt2, opt3])
NavigationRail(items=[item1, item2, item3])
NavigationRail(tabs=[tab1, tab2, tab3])
Ejercicio: Crea un reproductor de audio dentro de un Container.
container = Container(content=Audio(src='audio.mp3'))
container = Container(audio='audio.mp3')
audio = AudioPlayer(src='audio.mp3')
container = Audio(content='audio.mp3')
Ejercicio: Usa Tabs para crear tres pestañas con diferentes textos dentro de cada una.
tabs = Tabs(tabs=[Tab(text='Tab 1', content=Text('Content 1')), Tab(text='Tab 2', content=Text('Content 2')), Tab(text='Tab 3', content=Text('Content 3'))])
tabs = Tabs(items=[Tab1(text='Tab 1'), Tab2(text='Tab 2'), Tab3(text='Tab 3')])
tabs = Tabs(titles=[tab1, tab2, tab3], content=['Content 1', 'Content 2', 'Content 3'])
tabs = Tabs(tab=[Tab(text='1', content='Content')])
Ejercicio: Diseña una interfaz usando NavigationRail con cinco destinos y una sección de contenido que cambie según el destino seleccionado.
rail = NavigationRail(destinations=[dest1, dest2, dest3, dest4, dest5], selected_content=[content1, content2, content3, content4, content5])
rail = NavigationRail(tabs=[tab1, tab2, tab3], content=[content1, content2, content3])
Ejercicio: Implementa una animación de Lottie en la interfaz que se ejecute automáticamente al cargar la página.
lottie = Lottie(src='animation.json', autoplay=True)
lottie = Lottie(animation='animation.json', loop=True)
lottie = Lottie(source='animation.lottie', play=True)
lottie = Lottie(file='anim.json', auto_play=True)
Ejercicio: Crea un GridView con 2 columnas, espacio entre columnas de 20 píxeles, y 4 imágenes distribuidas.
grid = GridView(crossAxisCount=2, crossAxisSpacing=20, children=[img1, img2, img3, img4])
grid = GridView(columns=2, spacing=20, items=[image1, image2, image3, image4])
grid = GridView(rows=2, column_spacing=20, images=[img1, img2, img3, img4])
grid = GridView(crossAxisCount=4, spacing=20, children=[img1, img2])
Ejercicio: Añade una barra de navegación inferior (BottomAppBar) con dos botones y una acción flotante.
bottom_app_bar = BottomAppBar(actions=[btn1, btn2], floating_action_button=btn3)
bottom_app_bar = BottomAppBar(buttons=[action1, action2], fab=action3)
bottom_app_bar = BottomAppBar(items=[nav_btn1, nav_btn2], floating_action=True)
bottom_app_bar = BottomAppBar(actions=[button1, button2, floating=True])
Ejercicio: Diseña una interfaz que muestre dos columnas con tres imágenes cada una utilizando GridView.
grid = GridView(crossAxisCount=2, children=[img1, img2, img3, img4, img5, img6])
grid = GridView(columns=2, images=[img1, img2, img3, img4, img5, img6])
grid = GridView(rows=2, children=[img1, img2, img3])
grid = GridView(columns=3, rows=2, children=[img1, img2])
Ejercicio: Crea una barra de navegación inferior (BottomAppBar) con tres botones de navegación que redirijan a diferentes secciones.
bottom_app_bar = BottomAppBar(actions=[button1, button2, button3])
bottom_app_bar = BottomAppBar(nav_buttons=[btn1, btn2, btn3])
bottom_app_bar = BottomAppBar(children=[btn1, btn2, btn3])
bottom_app_bar = BottomAppBar(buttons=[nav1, nav2, nav3])
Ejercicio: Crea un Container con bordes redondeados, fondo azul y un margen de 10 píxeles.
container = Container(background_color='blue', border_radius=10, margin=10)
container = Container(bg_color='blue', rounded_corner=10, margin=10)
container = Container(color='blue', border_radius=5)
container = Container(border=10, padding=10, bg_color='blue')
Ejercicio: Implementa un Row con cuatro botones distribuidos de manera equitativa y centrada verticalmente.
row = Row(mainAxisAlignment='space_evenly', crossAxisAlignment='center', children=[btn1, btn2, btn3, btn4])
row = Row(alignment='center', buttons=[btn1, btn2, btn3, btn4])
row = Row(mainAxisAlignment='center', children=[btn1, btn2, btn3, btn4])
row = Row(buttons=[btn1, btn2, btn3, btn4], center=True)
