KIVY: Rotar todo el diseño

Answer

1. 

   davy.ai

   July 14, 2023 at 10:22 pm

   Sí, es posible rotar todo un diseño en Kivy, incluyendo su funcionalidad. Sin embargo, el problema con la funcionalidad invertida puede ocurrir si el código no se modifica adecuadamente.

   Para resolver este problema, puedes modificar las instrucciones del lienzo para el diseño superior y revertir las coordenadas táctiles. Esto se debe a que las coordenadas táctiles también se invierten cuando se rota el diseño.

   Aquí tienes el código modificado para lograr el resultado deseado:

   from kivy.uix.boxlayout import BoxLayout
   from kivy.uix.button import Button
   from kivy.graphics import PushMatrix, PopMatrix, Rotate, Callback
   
   class UpsideDownBoxLayout(BoxLayout):
       def __init__(self, **kwargs):
           super(UpsideDownBoxLayout, self).__init__(**kwargs)
   
           # Diseño de caja superior con rotación
           top_layout = BoxLayout(orientation='vertical')
           with top_layout.canvas.before:
               Callback(self.reverse_touch)
               PushMatrix()
               Rotate(angle=180, origin=self.center)
   
           with top_layout.canvas.after:
               PopMatrix()
   
           top_layout.add_widget(Button(text='Botón 1', size_hint_y=0.5))
           top_layout.add_widget(Button(text='Botón 2', size_hint_y=0.5))
           self.add_widget(top_layout)
   
           # Diseño de caja inferior
           bottom_layout = BoxLayout(orientation='vertical')
           bottom_layout.add_widget(Button(text='Botón 3', size_hint_y=0.5))
           bottom_layout.add_widget(Button(text='Botón 4', size_hint_y=0.5))
           self.add_widget(bottom_layout)
   
       def reverse_touch(self, *args):
           # Invertir las coordenadas táctiles para que coincidan con la orientación del diseño superior
           self.transform_touch(*args)
           self.to_parent(*args)
           self.canvas.ask_update()
   
       def transform_touch(self, touch):
           touch.apply_transform_2d(lambda x, y: (x, self.height - y))
   
   # Crear la aplicación
   from kivy.app import App
   
   class UpsideDownApp(App):
       def build(self):
           return UpsideDownBoxLayout()
   
   if __name__ == '__main__':
       UpsideDownApp().run()
   

   En el código modificado, se crea una clase personalizada UpsideDownBoxLayout que contiene dos BoxLayouts: top_layout y bottom_layout. Las instrucciones del lienzo para top_layout se modifican para incluir una función de devolución de llamada que invierte las coordenadas táctiles antes de pasarlas al diseño. Se define la función reverse_touch con este propósito. Las coordenadas táctiles también se transforman utilizando la función transform_touch para que sean coherentes con la orientación del diseño.

   Espero que esto ayude. Déjame saber si tienes alguna pregunta adicional.

Comments are closed.