Monodevelop Contenedores y Componentes C# y GTK - Solvetic

2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic
PORTADA ARTICULOS TUTORIALES REVIEWS IDENTIFICARSE CREAR CUENTA

Buscar soluciones...

Todas las soluciones tecnolgicas a un click!
PORTADA ARTICULOS TUTORIALES REVIEWS
Solvetic Tutoriales Desarrollo Otros lenguajes Monodevelop Contenedores y componentes C# y GTK
Monodevelop Contenedores y componentes C# y
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.
Escrito por Sergio Culoccioni el abr 24 2015 13:00

gtk
Descargar Ahora
Descarga Gratis
Easydocmerge! Rpido
GTK# mediante contenedores nos permite controlar la posicin de los
widgets en una ventana para poder crear el diseo. Estos contenedores y Fcil
que tiene diferentes caractersticas y sirven para guiar el diseo y la
colocacin de los componentes o widget dentro de una ventana.
descargar.easydocmerg
Los contenedores principales son:
Contenedores con cajas horizontales o verticales

Contenedores con Tablas
Contenedor fijo
INFORMACIN
Contenedor Marcos o Frame
Publicado abr 24 2015 13:00

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.
TRUCOS PARA LIBERAR ESPACIO EN TU

IPHONE
SOLVETIC - 05 MAY 2017
CMO ENTRAR EN LA BIOS DEL

ORDENADOR PC
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
ARCHIVOS A LA VEZ WINDOWS 10
PORTADA ARTICULOS TUTORIALES REVIEWS IDENTIFICARSE
SOLVETIC CREAR CUENTA
SISTEMAS - 03 MAY2017
CMO HABILITAR Y USAR SSH EN

MACOS SIERRA
MOVER PROGRAMAS INSTALADOS A

OTRA UNIDAD DISCO WINDOWS 10
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.
CMO TRADUCIR DOCUMENTO DE

TEXTO WORD 2016 A OTRO IDIOMA
SOLVETIC - 03 MAY 2017
CMO ACLARAR UNA IMAGEN OSCURA

EN ADOBE PHOTOSHOP CS6
SOLVETIC DISEO - 05 MAY 2017
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
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:
Contenedor con Tablas

Este tipo de contenedor es una grilla con filas y columnas que pueden ser tiles cuando necesitemos crear una cuadrcula donde
podemos colocar widgets, como por ejemplo una pantalla de entrada de datos. Veamos un ejemplo con una tabla. Crearemos un
proyecto C# y Gtk en Monodevelop, vamos a crear un formulario de entrada de datos.
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
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
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.
Veamos un ejemplo donde pondremos un contenedor fijo y varias imgenes.
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.
Contenedor Marcos o Frame

Los Frame o Marcos al igual que en Visual Studio se usa el control Groupbox, se utilizan para contener un grupo de widget dentro, El
propsito de un frame es definir agrupar widget por categoras o secciones relacionadas, opcionalmente puede llevar un ttulo. La
posicin del ttulo y el estilo de la caja configurar desde las propiedades.
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.
En un Frame se pueden combinar cualquiera de los contenedores anteriores y viceversa.
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
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:
public MainWindow () : base (Gtk.WindowType.Toplevel)
{
Build ();
// Creo las columnas y cabeceras del treeview

// Creo la columna producto
Gtk.TreeViewColumn colProducto = new Gtk.TreeViewColumn ();

colProducto.Title = "Producto";
// Creo la columna stock
Gtk.TreeViewColumn colStock = new Gtk.TreeViewColumn ();

colStock.Title = "Stock";
// Creo la columna precio
SUSCRIBIRSE
Gtk.TreeViewColumn colPrecio = new Gtk.TreeViewColumn ();
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));
// Asigno el modelo al TreeView

tvwlista.Model = tienda;
// Agrego datos al modelo
tienda.AppendValues ("TABLET SAMSUNG", "5", "175");

tienda.AppendValues ("MACBOOK PRO", "10", "2680");
tienda.AppendValues ("DISCO SEGATE 1 TB", "10", "85");
// Creamos una celda que mostrara el producto

Gtk.CellRendererText celdaProducto = new Gtk.CellRendererText ();
// Aadimos la celda de dato producto
colProducto.PackStart (celdaProducto, true);
// Aadimos la celda de dato stock

Gtk.CellRendererText celdaStock = new Gtk.CellRendererText ();
colStock.PackStart (celdaStock, true);

// Aadimos la celda de dato precio
Gtk.CellRendererText celdaPrecio = new Gtk.CellRendererText ();
colPrecio.PackStart (celdaPrecio, true);
// Aadimos las celdas de dato a cada columna y se generaran

// las filas automaticamente
colProducto.AddAttribute (celdaProducto, "text", 0);

colStock.AddAttribute (celdaStock, "text", 1);
colPrecio.AddAttribute (celdaPrecio, "text", 2);
A continuacin ejecutamos y el resultado ser el siguiente:
SUSCRIBIRSE
Te ha gustado y ayudado este Tutorial?

PORTADA ARTICULOS TUTORIALES REVIEWS
Puedes premiar al autor pulsando este botn para darle un punto positivo
IDENTIFICARSE CREAR CUENTA
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
Manejo de errores en Cmo sincronizar Cmo actualizar Cmo instalar

el controlador... zona horaria y... Ubuntu 16 a... escritorio GNOME...
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!
Crear Cuenta Identi carse

Regstrate GRATIS para tener tu cuenta Solvetic Tienes ya cuenta? Identifcate aqu
Registrar una Cuenta Identicarme en mi Cuenta
14,074 5,335 15,043 10,492 Jimena Alexandra
SECCIONES SOLVETIC LINKS SOBRE NOSOTROS
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
Todos los derechos reservados 2017 Solvetic
SUSCRIBIRSE

Monodevelop Contenedores y Componentes C# y GTK - Solvetic

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Monodevelop Contenedores y Componentes C# y GTK - Solvetic

Diunggah oleh

Hak Cipta:

Format Tersedia

2017-5-7 Monodevelop Contenedores y componentes C# y GTK - Solvetic

PORTADA ARTICULOS TUTORIALES REVIEWS IDENTIFICARSE CREAR CUENTA

PORTADA ARTICULOS TUTORIALES REVIEWS

Solvetic Tutoriales Desarrollo Otros lenguajes Monodevelop Contenedores y componentes C# y GTK