Glade 3 Tutorial
contenido
•
Glade-3 tutorial
•
Introducción
•
La construcción de la interfaz
•
Tamaño de la negociación
•
GtkTreeView datos back-end
•
Modificación de árbol de widgets
•
Señales
(1) - Introducción tutorial Glade3
Hola de nuevo.En la siguiente serie de mensajes voy a tratar de mostrar algunas de las técnicas que utilizan personalmente al desarrollo de aplicaciones utilizando Glade3.¿Qué vamos a código Nuestra aplicación muestra será sencillo, pero totalmente funcional visor gráfico y editor. Las cosas quevoy a demostrar a través de esta aplicación de ejemplo son:
•
¿Cómo acercarse a nuevo proyecto que va a utilizar Glade3 como diseñador de interfaz gráficade usuario.
•
Cómo utilizar Glade3 para crear elementos visuales de la aplicación.
•
Cómo utilizar Glade3 para crear objetos de almacenamiento de datos para su aplicación.
•
¿Cómo conectar las funciones de devolución de llamada a las señales de los widgets.
•
Cómo dibujar en los widgets con la biblioteca de gráficos Cairo.
•
Cómo utilizar Pango de El Cairo con pangocairo.
•
Cómo crear menús basados en la acción y la barra de herramientas.Puedo añadir otras cosas a esta lista si el interés / necesidad.¿Quién puede estar interesado en esta serie de posts?Voy a hacer mi mejor esfuerzo para escribir este tutorial "recién llegado a GTK +" amable y tratar deexplicar casi todo lo que voy a hacer. Los usuarios experimentados pueden morir de aburrimiento alleer una sección que explica algo fundamental, así que por favor, si usted es GTK + gurú, lea esta seriecon precaución;).
Primeros pasosOK, ya que parece que me dio la oportunidad de mostrar cómo suelen trabajar, vamos a empezar.El trabajo de hoy se divide en dos secciones:1.Creación de "modelo" de interfaz gráfica de usuario de nuestra aplicación basada en losrequisitos.2.Escribir árbol de widgets, en base a plan de la sección anterior.Ahora, ¿cuáles son los requisitos para nuestra aplicación. Obviamente, tiene que ser capaz de mostrar datos en forma numérica y gráfica. También queremos ser capaces de añadir nuevos, eliminar,redistribuir y modificar puntos. También queremos ser capaces de ver los marcadores de puntos, líneasde conexión o de ambos en la tabla. Y se trata de que los requisitos iniciales. Vamos a dejar algo deespacio para futuras ampliaciones en nuestros planes, por si acaso si decidimos añadir nada a ella mástarde.Ahora viene la parte divertida - interfaz de dibujo. Yo prefiero hacer esto en papel con lápiz, pero sesiente libre para experimentar. Para proyecto de ejemplo, se me ocurrió con este diseño:Oscuro rectángulos grises representan las barras de desplazamiento. ¿Qué piensa usted? No soy muymalo como diseñador de interfaz o lo que realmente aspirar como diseñador de interfaz;)Ya por la última cosa que necesitamos hacer hoy: escribir árbol de widgets. En GTK +, todo empieza
con la de nivel superior GtkWindow , que servirá como una raíz de nuestro árbol de widgets.
Nuestra ventana principal se divide en cuatro secciones verticales: una para la barra de menú, uno parala barra de herramientas, una para la parte central donde toda la acción va a suceder y una última parala barra de estado. Desde nuestra ventana principal ( GtkWindow) sólo puede tener un control hijo,
necesitamosGtkVBoxen que embalamos, de abajo hacia arriba:GtkStatusbar , widget para la parte
central,GtkToolbar y GtkMenuBar . ¿Por qué digo que vamos a estar de embalaje de la parte inferior?
Voy a explicar esto en el próximo post, cuando vamos a estar jugando con Glade3.Parte central tendrá que ser dividida en secciones horizontales: uno para la tabla de datos, uno de loscontroles y un punto para el área de visualización. Así que para ello será necesarioGtkHBox. ¿Quéwidgets que necesitamos dentro de ella? Para la tabla de datos que usaremosGtkTreeView, que estálleno el interior GtkScrolledWindowpara poder desplazarse. Para los controles de los puntos quenecesitaremosGtkVButtonBoxque albergará nuestros botones.Ahora para el área de visualización. Volvemos a tener dos partes: la parte superior que en realidadvisualización de cartas, y parte inferior que se sostenga los botones de verificación. Así que vamos anecesitar otraGtkVBoxpara sostener toda la sección. La parte inferior estará representado por GtkHButtonBoxcon GtkToggleButtons, mientras que la parte superior merece otro párrafo;).¿Por qué otro párrafo? Debido a que tendrá que añadir un buen widgets pocos con el fin de obtener ladisposición deseada. Como se puede ver en mi dibujo, quiero tener área gráfica centrada en parte de la pantalla. Con el fin de poder agregar zoom en gráficos de áreas, también es necesario algún tipo dewidget de desplazamiento. Y cómo montar todo esto? En primer lugar vamos a añadir GtkScrolledWindowaGtkVBoxen el apartado anterior. Para hacer el contenido desplazable, que
necesitamos para empacar GtkViewport dentroGtkScrolledWindow. DentroGtkViewportvamos a
añadir GtkAlignment, que se encargará de centrar el área de gráfico. DentroGtkAlignmentvamos a
añadir GtkFrame, que añadir una sombra al gráfico de áreas. Por último, añadimos GtkDrawing áreadentroGtkFrame. Y hemos terminado.Si convertimos esta descripción detallada en la representación en forma de árbol, obtenemos losiguiente:
GtkWindow»- GtkVBox+ - GtkMenuBar| `- / * Los menús aquí * /+ - GtkToolbar| `- / * Botones de herramientas aquí * /+ - GtkHBox| + - GtkScrolledWindow| | `- GtkTreeView| + - GtkVButtonBox| | `- Botones * aquí * /| + - GtkVBox| + - GtkScrolledWindow| | `- GtkViewport| | `- GtkAlignment| | `- GtkFrame| | `- GtkDrawingArea
of 00
Glade-3 Tutorial Iniciacion Spanish
este tutorial nos enseña como programar el ambiente grafico, lo encontre en ingles y lo comparto ACLARO: con el fin de aprendas.. no soy su creador.
1,242 Reads
Info and Rating
| Category: | |
| Rating: | |
| Upload Date: | 06/08/2011 |
| Copyright: | Attribution Non-commercial |
| Tags: |
Leave a Comment