Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Buscar soluciones...
Todas las soluciones tecnolgicas a un click!
8
5 0%
GTK
4 100%
3 0%
Cuando diseamos una pantalla con GTK nos ofrece diversos contenedores para disponer los componentes y controles o 2 0%
VOTA
widget en la pantalla.
1 0%
Al crear una aplicacin, deberemos poner mltiples widget distribuidos en una sola ventana para disear la interfaz
grfica para una aplicacin con mltiples funcionalidades o vistas de usuario.
Visitas 1953
Cmo utilizar los contenedores segn las necesidades o Nivel
requisitos de nuestra aplicacin Profesional
POPULARES DE LA SEMANA
Contenedores con cajas horizontales o
verticales
Si estamos acostumbrados a programar bajo Windows y su metodologa de diseo de interfaces arrastra y soltar, probablemente sea
mejor este tipo de contenedores ya que los widgets o componentes se posicionan en la ventana mediante coordenadas x,y cmo en
Windows y eso se agradece.
Aunque esto es posible con Gtk y monodevelop, la mejor forma de alinear los widgets es con las cajas. Existen dos tipos de cajas
horizontal o HBox y vertical o VBox. Este tipo de contenedor no depende del tamao de pantalla. Los contenedores HBox y VBox se CMO ARREGLAR CONEXIN WIFI
encargan del cambio de tamao automtico de la zona que ocupan un componente. LENTA O INESTABLE EN WINDOWS 10
SOLVETIC SISTEMAS - 04 MAY 2017
Veamos un ejemplo con cajas horizontales o verticales. Crearemos un proyecto C# y Gtk en Monodevelop.
Le asignamos un contendedor Vbox y en la ultima fila aadimos un contenedor Hbox.
Luego aadiremos un botn en la ultima celda del Hbox. En las propiedades le asignamos el nombre bt Aceptar y en el label el
nombre Aceptar.
CMO COPIARO RENOMBRAR
SUSCRIBIRSE
ARCHIVOS A LA VEZ WINDOWS 10
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 1/8
2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
ARCHIVOS A LA VEZ WINDOWS 10
PORTADA ARTICULOS TUTORIALES REVIEWS IDENTIFICARSE
SOLVETIC CREAR CUENTA
SISTEMAS - 03 MAY2017
Si ejecutamos la aplicacin desde el men Ejecutar > Start Debug o bien con la tecla F5, veremos que el botn se alinea en la zona
izquierda superior de la pantalla ya que las dems celdas estn vacas por lo tanto no se muestran.
Para solucionar esto podemos utilizar el contenedor Aligment y ponerlo en los lugares vacos, para mantener el diseo de la ventana.
Volvemos a ejecutar la aplicacin desde el men Ejecutar > Start Debug o bien con la tecla F5, veremos que el botn ahora se
muestra donde lo insertamos y respeta el diseo de pantalla. Ahora podemos seguir insertando otros widget.
SUSCRIBIRSE
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 2/8
2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
Agreguemos algunos componentes como el Calendario en la celda central del VBox y el MenuBar en la celda superior del Vbox, el
resultado es el siguiente:
Le signamos un contendedor Vbox y en la ultima fila aadimos un contenedor Hbox, como en el proyecto anterior aadimos un
Menubar y los botones debajo, el centro aadimos un contenedor tabla.
El contenedor tabla por defecto tiene 3 filas y 3 columnas, ahora aadiremos Widget teniendo en cuenta que cada celda de la tabla
se redimensiona al objeto que contiene. Para aadir o quitar filas o columnas le damos click derecho a la fila y luego vamos a la
opcin tabla eliminar o insertar filas o columnas.
Quitemos la ultima fila y luego en la primera celda de la primer fila aadiremos un contendedor Vox para los Label o etiquetas. Luego
en la segunda celda de la primer fila aadiremos otor contendedor Vox para los Entry o cajas de texto.
SUSCRIBIRSE
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 3/8
2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
A cada control podemos definirle las propiedades para posicionarlo mejor, en el caso de los Label habr que retocar la propiedad
Padding para ajustarlo al nivel de las cajas de texto, con un padding de 5px en cada Label sera suficiente.
Vamos a aadir los componentes necesarios para dar de alta y mostrar la foto del usuario, para ellos en el primer Vbox haciendo clic
derecho en la celda del label telfono nos permite insertar una celda al vbox, tambin aadiremos una celda al otro vbox.
Ahora aadiremos una label Foto y un widget File Chooser Button para seleccionar el archivo, Tambin en la tercera fila de la tabla
aadiremos un widget Image que ser el que mostrar la foto, debemos tener en cuenta que la imgen de estar en el directorio de
compilacin de la aplicacin en este caso Debug que se genera automticamente al ejecutar. La imagen seleccionada tiene un
tamao de 100px de alto por 100px de ancho.
SUSCRIBIRSE
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 4/8
2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
Contenedor Fijo
Los contenedores fijos nos permiten arrastar y soltar widget en posiciones fijas y con tamaos fijos. Este contenedor no realiza
ninguna gestin automtica de diseo, ni redimensiona los widget. Se utilizan en algunas aplicaciones donde se necesitan widget
que luego se manejarn por cdigo como juegos, aplicaciones especializadas que trabajan con diagramas o grficos como OpenGL
o 3D.
Hemos puesto un Widget Image con el fondo, otro Widget Image sobre el fondo con un avin y otro widget Image sobre el fondo con
una imagen de un golfista. Cada imgen est en una coordenada fija que luego podramos gestionar las coordenadas por cdigo
para conseguir el efecto del movimiento o animacin si fuese un juego.
La etiqueta o label del titulo aparece en la esquina superior izquierda del marco. Si no se pone ningun titulo quedar vaco y no se
mostrar el titulo. El texto de la etiqueta se puede cambiar mediante la propiedad Label.
Vamos a crear una pantalla Maestro/Detalle, utilizando frames. Crearemos un proyecto C# y Gtk en Monodevelop y le signamos
un contendedor Vbox con 4 filas y primera fila aadimos un Menubar,
En la segunda fila aadimos un contenedor frame, el titulo del label ser productos y le asignamos un borde sombreado tipo IN.
SUSCRIBIRSE
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 5/8
2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
Dentro del frame aadimos un contenedor Tabla con 4 filas y 3 clumnas para crear un formulario de entrada de datos y en la ltima
fila central en la tabla ponemos un Hbox con dos casillas para los botones Grabar y Cancelar.
En la tercera fila del Vbox ponemos una barra separadora con el widget Horizontal Separator y en la ltima fila del Vbox pondremos
otro frame y un Treeview.
Recordemos que para que quede bien alineado todo deberemos tocar la propiedad padding de cada widget. Para llenar el Treeview
que denominaremos tvwlista utilizaremos codigo c# en la clase Mainwindows que ser el siguiente:
{
Build ();
SUSCRIBIRSE
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 6/8
2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
Gtk.TreeViewColumn colPrecio = new Gtk.TreeViewColumn ();
PORTADA ARTICULOS TUTORIALES REVIEWS IDENTIFICARSE CREAR CUENTA
colPrecio.Title = "Precio";
// Aado las columnas y los titulo al treeview
tvwlista.AppendColumn (colProducto);
tvwlista.AppendColumn (colStock);
tvwlista.AppendColumn (colPrecio);
// Creo un modelo de datos almacenare y donde aado tres datos de tipo texto
Gtk.ListStore tienda = new Gtk.ListStore (typeof (string), typeof (string), typeof (string));
SUSCRIBIRSE
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 7/8
2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
1 Comentarios
Me gustaria que alguien pudiera hacer un sistema de contabilidad en gtk para un negocio para
tener todo esos producto en un orden osea algo bien completo.
Candido Denunciar
feb 29 2016 04:14
Error relacionado con Como enlazar y Cmo instalar la Cmo crear y borrar
la red o... consultar mysql... ltima versin de... cuentas de...
No esperes ms y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario nete!
Portada Artculos Mapa Usuarios Aviso Legal Ayuda Solvetic es el punto de encuentro de profesionales y amantes de la
Tutoriales Reviews Contacto Sitemap tecnologa. Una comunidad que te sorprender y ayudar en ms de
una ocasin
SUSCRIBIRSE
https://www.solvetic.com/tutoriales/article/1552-monodevelop-contenedores-y-componentes-c-y-gtk/ 8/8