Unidad 2 isc j3 gui (cb)

INSTITUTO TECNOLÓGICO DE FELIPE CARRILLO PUERTO

TOPICOS AVANZADOS DE PROGRAMACAION

UNIDAD 2 GUI

NIELS ARANA CUEVAS

Erwin Alexander Villegas TunÁngel Martin Pat Oribe

Jhonatan Candido Pat ChanRene Jesús Sosa Arana

Rubí Verónica Chimal Cuxin

4 SEMESTRE

J3-A ISC

“2013; Año de Belisario Domínguez”“2013; Año por una Cultura de Conservación Ambiental”

GUI

Un evento es la notificación que hace un elemento gráfico cuando el usuario interactúa con él. Por lo tanto, si se realiza alguna acción sobre algún elemento de la interfaz, se dice que se ha generado un evento en dicho elemento.

Cuando hablamos de tipos de eventos podemos mencionar: Eventos de bajo nivel. Estos son entradas o interacciones de bajo nivel con elementos del interfaz gráfico

o Ejemplo: Cambio de tamaño, cambio del foco, operación con el ratón o con el teclado.

package dskcapitulo4;

public class frmMenu extends javax.swing.JFrame {

public frmMenu() { initComponents(); this.setVisible(true); this.setExtendedState(6); }

@SuppressWarnings("unchecked") // <editor-fold defaultstate="collapsed" desc="Generated Code"> private void initComponents() {

panelInterno = new javax.swing.JDesktopPane(); jMenuBar1 = new javax.swing.JMenuBar(); jMenu1 = new javax.swing.JMenu(); jMenuItem1 = new javax.swing.JMenuItem(); jMenu2 = new javax.swing.JMenu();

setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);

panelInterno.setName("panelInterno"); // NOI18N getContentPane().add(panelInterno, java.awt.BorderLayout.CENTER);

jMenuBar1.setName("jMenuBar1"); // NOI18N


jMenu1.setText("Formularios"); jMenu1.setName("jMenu1"); // NOI18N

jMenuItem1.setText("Mantenimiento de Empleados"); jMenuItem1.setName("jMenuItem1"); // NOI18N jMenuItem1.addActionListener(new java.awt.event.ActionListener() { public void actionPerformed(java.awt.event.ActionEvent evt) { jMenuItem1ActionPerformed(evt); } }); jMenu1.add(jMenuItem1);

jMenuBar1.add(jMenu1);

jMenu2.setText("Salir"); jMenu2.setName("jMenu2"); // NOI18N jMenuBar1.add(jMenu2);

setJMenuBar(jMenuBar1);

pack(); }// </editor-fold>

private void jMenuItem1ActionPerformed(java.awt.event.ActionEvent evt) {

frmMantEmpleados frm = new frmMantEmpleados(); panelInterno.add(frm); frm.setVisible(true); }

public static void main(String args[]) { java.awt.EventQueue.invokeLater(new Runnable() {

public void run() { new frmMenu().setVisible(true); } }); } private javax.swing.JMenu jMenu1; private javax.swing.JMenu jMenu2; private javax.swing.JMenuBar jMenuBar1; private javax.swing.JMenuItem jMenuItem1; private javax.swing.JDesktopPane panelInterno;


}//forma base del formulario

Seguiremos con el contenido de la tabla formularios :package dskcapitulo4;

public final class frmMantEmpleados extends javax.swing.JInternalFrame {

/** Crea el Nuevo formulario frmMantEmpleados */

private int anyoActual, fila;

Object[] filas = new Object[6];

javax.swing.table.DefaultTableModel modeloTabla = new javax.swing.table.DefaultTableModel();

void configurarModelo()

{

modeloTabla.addColumn("Nombre");

modeloTabla.addColumn("Apellidos");

modeloTabla.addColumn("Año");

modeloTabla.addColumn("Edad");

modeloTabla.addColumn("Sexo");


modeloTabla.addColumn("Areas");

}

void CargarAnyos()

{

int i;

javax.swing.DefaultComboBoxModel modeloCombo = new javax.swing.DefaultComboBoxModel();

java.util.Calendar fecha = java.util.Calendar.getInstance();

anyoActual = fecha.get(java.util.Calendar.YEAR);

for (i=1950;i<anyoActual;i++) {

modeloCombo.addElement(i);

}

cmbAnyos.setModel(modeloCombo);

}

void detEdad()

{

int edad = anyoActual - Integer.parseInt(cmbAnyos.getSelectedItem().toString());

lblEdad.setText(String.valueOf(edad));

}

public frmMantEmpleados() {

initComponents();

CargarAnyos();

configurarModelo();

detEdad();

}


@SuppressWarnings("unchecked")

private void initComponents() {

buttonGroup1 = new javax.swing.ButtonGroup();

buttonGroup2 = new javax.swing.ButtonGroup();

jPanel1 = new javax.swing.JPanel();

jLabel1 = new javax.swing.JLabel();



cmbAnyos = new javax.swing.JComboBox();


lblEdad = new javax.swing.JLabel();


rdFemenino = new javax.swing.JRadioButton();

rdMasculino = new javax.swing.JRadioButton();

txtApellidos = new javax.swing.JTextField();

txtNombre = new javax.swing.JTextField();


chkFutbol = new javax.swing.JCheckBox();

chkVoleiball = new javax.swing.JCheckBox();

chkOtro = new javax.swing.JCheckBox();

txtOtro = new javax.swing.JTextField();

jPanel2 = new javax.swing.JPanel();

jScrollPane1 = new javax.swing.JScrollPane();

tabEmpleados = new javax.swing.JTable();

btnAgregar = new javax.swing.JButton();

btnEliminar = new javax.swing.JButton();


btnModificar = new javax.swing.JButton();

btnCerrar = new javax.swing.JButton();

setClosable(true);

setResizable(true);

setTitle("Mantenimiento de Empleados");

setToolTipText("");

jPanel1.setBorder(javax.swing.BorderFactory.createTitledBorder(null, "Datos Generales del Empleado", javax.swing.border.TitledBorder.DEFAULT_JUSTIFICATION, javax.swing.border.TitledBorder.DEFAULT_POSITION, null, java.awt.Color.black));

jPanel1.setName("jPanel1");

jLabel1.setText("Nombre del empleado:");

jLabel1.setName("jLabel1");

jLabel2.setText("Apellidos:");


jLabel3.setText("Año de nacimiento:");


cmbAnyos.setModel(new javax.swing.DefaultComboBoxModel(new String[] { "Item 1", "Item 2", "Item 3", "Item 4" }));

cmbAnyos.setName("cmbAnyos");

cmbAnyos.addItemListener(new java.awt.event.ItemListener() {

public void itemStateChanged(java.awt.event.ItemEvent evt) {

cmbAnyosItemStateChanged(evt);

}

});

jLabel4.setText("Edad:");



lblEdad.setBackground(new java.awt.Color(255, 255, 255));

lblEdad.setBorder(javax.swing.BorderFactory.createLineBorder(new java.awt.Color(0, 0, 0)));

lblEdad.setName("lblEdad");

jLabel6.setText("Sexo:");


buttonGroup1.add(rdFemenino);

rdFemenino.setSelected(true);

rdFemenino.setText("Femenino");

rdFemenino.setName("rdFemenino");

buttonGroup1.add(rdMasculino);

rdMasculino.setText("Masculino");

rdMasculino.setName("rdMasculino");

txtApellidos.setText("jTextField2");

txtApellidos.setName("txtApellidos");

txtNombre.setText("jTextField1");

txtNombre.setName("txtNombre");

jLabel7.setText("Areas de Interés:");


chkFutbol.setText("Fútbol");


chkFutbol.setName("chkFutbol");

chkVoleiball.setText("Voleiball");

chkVoleiball.setName("chkVoleiball");

chkOtro.setText("Otro");

chkOtro.setName("chkOtro");

txtOtro.setText("jTextField1");

txtOtro.setName("txtOtro");

javax.swing.GroupLayout jPanel1Layout = new javax.swing.GroupLayout(jPanel1);

jPanel1.setLayout(jPanel1Layout);

jPanel1Layout.setHorizontalGroup(

jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)

.addGroup(jPanel1Layout.createSequentialGroup()

.addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)


.addContainerGap()



.addComponent(jLabel3)

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED)

.addComponent(cmbAnyos, javax.swing.GroupLayout.PREFERRED_SIZE, 79, javax.swing.GroupLayout.PREFERRED_SIZE)




.addGap(10, 10, 10)

.addComponent(lblEdad, javax.swing.GroupLayout.PREFERRED_SIZE, 112, javax.swing.GroupLayout.PREFERRED_SIZE)

.addGap(28, 28, 28)




.addComponent(rdMasculino)

.addComponent(rdFemenino)))



.addComponent(jLabel1, javax.swing.GroupLayout.PREFERRED_SIZE, 122, javax.swing.GroupLayout.PREFERRED_SIZE)

.addComponent(jLabel2, javax.swing.GroupLayout.PREFERRED_SIZE, 122, javax.swing.GroupLayout.PREFERRED_SIZE))

.addGap(39, 39, 39)


.addComponent(txtApellidos, javax.swing.GroupLayout.DEFAULT_SIZE, 527, Short.MAX_VALUE)

.addComponent(txtNombre, javax.swing.GroupLayout.PREFERRED_SIZE, 143, javax.swing.GroupLayout.PREFERRED_SIZE)))))


.addGap(18, 18, 18)


.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)

.addComponent(chkFutbol)


.addGap(33, 33, 33)

.addComponent(chkVoleiball)

.addGap(69, 69, 69)

.addComponent(chkOtro)


.addComponent(txtOtro, javax.swing.GroupLayout.PREFERRED_SIZE, 301, javax.swing.GroupLayout.PREFERRED_SIZE)))

.addContainerGap(45, javax.swing.GroupLayout.PREFERRED_SIZE))

);

jPanel1Layout.setVerticalGroup(



.addContainerGap()

.addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)


.addComponent(txtNombre, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))




.addComponent(txtApellidos, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))

.addGap(18, 18, 18)





.addComponent(cmbAnyos, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)


.addComponent(lblEdad, javax.swing.GroupLayout.PREFERRED_SIZE, 20, javax.swing.GroupLayout.PREFERRED_SIZE))


.addComponent(rdFemenino)

.addComponent(jLabel6)))


.addComponent(rdMasculino)

.addGap(18, 18, 18)



.addComponent(chkFutbol)

.addComponent(chkVoleiball)

.addComponent(chkOtro)

.addComponent(txtOtro, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))

.addContainerGap(28, Short.MAX_VALUE))

);

jPanel2.setBorder(javax.swing.BorderFactory.createTitledBorder("Lista de Empleados"));

jPanel2.setName("jPanel2"); // NOI18N

jScrollPane1.setName("jScrollPane1"); // NOI18N

tabEmpleados.setModel(new javax.swing.table.DefaultTableModel(


new Object [][] {

{null, null, null, null},



{null, null, null, null}

},

new String [] {

"Title 1", "Title 2", "Title 3", "Title 4"

}

));

tabEmpleados.setName("tabEmpleados"); // NOI18N

tabEmpleados.addMouseListener(new java.awt.event.MouseAdapter() {

public void mouseClicked(java.awt.event.MouseEvent evt) {

tabEmpleadosMouseClicked(evt);

}

});

jScrollPane1.setViewportView(tabEmpleados);

javax.swing.GroupLayout jPanel2Layout = new javax.swing.GroupLayout(jPanel2);

jPanel2.setLayout(jPanel2Layout);

jPanel2Layout.setHorizontalGroup(



.addContainerGap()

.addComponent(jScrollPane1, javax.swing.GroupLayout.DEFAULT_SIZE, 723, Short.MAX_VALUE)

.addContainerGap())

);


jPanel2Layout.setVerticalGroup(


.addGroup(javax.swing.GroupLayout.Alignment.TRAILING, jPanel2Layout.createSequentialGroup()

.addContainerGap(javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)

.addComponent(jScrollPane1, javax.swing.GroupLayout.PREFERRED_SIZE, 92, javax.swing.GroupLayout.PREFERRED_SIZE)

.addContainerGap())

);

btnAgregar.setText("Agregar");

btnAgregar.setName("btnAgregar"); // NOI18N

btnAgregar.addActionListener(new java.awt.event.ActionListener() {

public void actionPerformed(java.awt.event.ActionEvent evt) {

btnAgregarActionPerformed(evt);

}

});

btnEliminar.setText("Eliminar");

btnEliminar.setName("btnEliminar"); // NOI18N

btnEliminar.addActionListener(new java.awt.event.ActionListener() {


btnEliminarActionPerformed(evt);

}

});

btnModificar.setText("Modificar");

btnModificar.setName("btnModificar"); // NOI18N

btnModificar.addActionListener(new java.awt.event.ActionListener() {



btnModificarActionPerformed(evt);

}

});

btnCerrar.setText("Cerrar");

btnCerrar.setName("btnCerrar"); // NOI18N

btnCerrar.addActionListener(new java.awt.event.ActionListener() {


btnCerrarActionPerformed(evt);

}

});

javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());

getContentPane().setLayout(layout);

layout.setHorizontalGroup(

layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)

.addGroup(layout.createSequentialGroup()

.addGap(56, 56, 56)

.addComponent(btnAgregar, javax.swing.GroupLayout.PREFERRED_SIZE, 146, javax.swing.GroupLayout.PREFERRED_SIZE)

.addGap(44, 44, 44)

.addComponent(btnModificar, javax.swing.GroupLayout.PREFERRED_SIZE, 146, javax.swing.GroupLayout.PREFERRED_SIZE)

.addGap(34, 34, 34)

.addComponent(btnEliminar, javax.swing.GroupLayout.PREFERRED_SIZE, 146, javax.swing.GroupLayout.PREFERRED_SIZE)

.addGap(18, 18, 18)


.addComponent(btnCerrar, javax.swing.GroupLayout.PREFERRED_SIZE, 146, javax.swing.GroupLayout.PREFERRED_SIZE)


.addGroup(javax.swing.GroupLayout.Alignment.TRAILING, layout.createSequentialGroup()

.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAILING)


.addContainerGap()

.addComponent(jPanel2, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))


.addGap(26, 26, 26)

.addComponent(jPanel1, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)))

.addGap(46, 46, 46))

);

layout.setVerticalGroup(

layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)


.addGap(12, 12, 12)

.addComponent(jPanel1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)


.addComponent(jPanel2, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)


.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)

.addComponent(btnAgregar, javax.swing.GroupLayout.PREFERRED_SIZE, 49, javax.swing.GroupLayout.PREFERRED_SIZE)


.addComponent(btnModificar, javax.swing.GroupLayout.PREFERRED_SIZE, 49, javax.swing.GroupLayout.PREFERRED_SIZE)

.addComponent(btnEliminar, javax.swing.GroupLayout.PREFERRED_SIZE, 49, javax.swing.GroupLayout.PREFERRED_SIZE)

.addComponent(btnCerrar, javax.swing.GroupLayout.PREFERRED_SIZE, 49, javax.swing.GroupLayout.PREFERRED_SIZE))


);

java.awt.Dimension screenSize = java.awt.Toolkit.getDefaultToolkit().getScreenSize();

setBounds((screenSize.width-843)/2, (screenSize.height-503)/2, 843, 503);

}

private void cmbAnyosItemStateChanged(java.awt.event.ItemEvent evt) {

detEdad();

}

void detDatos()

{

String AInteres="";

filas[0] = txtNombre.getText();

filas[1] = txtApellidos.getText();

filas[2] = cmbAnyos.getSelectedItem().toString();

filas[3] = lblEdad.getText();

if (rdMasculino.isSelected())

{filas[4] = "Masculino";}

else {filas[4] = "Femenino";}

if (chkFutbol.isSelected()) AInteres=chkFutbol.getText() + ", ";

if (chkVoleiball.isSelected()) AInteres = AInteres + chkVoleiball.getText()+ ", ";


if (chkOtro.isSelected()) AInteres = AInteres + txtOtro.getText();

filas[5] = AInteres;

}

private void btnAgregarActionPerformed(java.awt.event.ActionEvent evt) {

detDatos();

modeloTabla.addRow(filas);

tabEmpleados.setModel(modeloTabla);

}

private void tabEmpleadosMouseClicked(java.awt.event.MouseEvent evt) {

fila = tabEmpleados.rowAtPoint(evt.getPoint());

}

private void btnEliminarActionPerformed(java.awt.event.ActionEvent evt) {

modeloTabla.removeRow(fila);

tabEmpleados.setModel(modeloTabla);

}

private void btnModificarActionPerformed(java.awt.event.ActionEvent evt) {

detDatos();

for (int i=0;i<6;i++) //par alas 6 columnas de la table

modeloTabla.setValueAt (filas[i], fila, i); //cambie en el modelo por lo que tiene

//almacenado el vector filas

tabEmpleados.setModel(modeloTabla); //ode here:


}

private void btnCerrarActionPerformed(java.awt.event.ActionEvent evt) {

}

// declaración de variables

private javax.swing.JButton btnAgregar;

private javax.swing.JButton btnCerrar;

private javax.swing.JButton btnEliminar;

private javax.swing.JButton btnModificar;

private javax.swing.ButtonGroup buttonGroup1;

private javax.swing.ButtonGroup buttonGroup2;

private javax.swing.JCheckBox chkFutbol;

private javax.swing.JCheckBox chkOtro;

private javax.swing.JCheckBox chkVoleiball;

private javax.swing.JComboBox cmbAnyos;

private javax.swing.JLabel jLabel1;






private javax.swing.JPanel jPanel1;

private javax.swing.JPanel jPanel2;

private javax.swing.JScrollPane jScrollPane1;

private javax.swing.JLabel lblEdad;

private javax.swing.JRadioButton rdFemenino;


private javax.swing.JRadioButton rdMasculino;

private javax.swing.JTable tabEmpleados;

private javax.swing.JTextField txtApellidos;

private javax.swing.JTextField txtNombre;

private javax.swing.JTextField txtOtro;

}

En el código podemos darnos cuenta de las variables principales como lo son la instrucción Object[] filas = new Object[6] declara un vector de objetos de 6 posiciones (6 celdas). Una variable de tipo Object define el estado básico y el comportamiento de todos los objetos que deben tener para compararse entre sí, para notificarse entre ellos, entre otros factores. Todos los objetos del entorno Java heredan sus comportamientos desde la clase Object. En esta línea se declara una variable Object que puede contener dentro de cada fila (en este caso son 6 filas) datos de tipo primitivos tales como int, String o double. Se declara filas como Object, siendo un vector, para que acepte en cada fila un dato de diferente tipo, lo cual en un vector de tipo primitivo no sería posible.Se crea una variable denominada modelo con la instrucción:javax.swing.table.DefaultTableModel modelo = new javax.swing.table.DefaultTableModel()para efectivamente crear un modelo de tipo tabla donde se cargarán los datos provenientes de filas (Object) y finalmente el modelo será quien cargue el objeto JTable (tabEmpleados). La forma de trabajar en Java para cargar un objeto JTable, por ejemplo, es declar una variable de tipo Object en el cual se cargan las


entradas del usuario, posteriormente una variable de tipo JTable, JComboBox o JList y trasladar ahí los datos de la variable Object. De la variable JTable, JComboBox o JList se cargan los datos al objeto JTable, JComboBox o JList, propiamente (el control).

Conclusión Rene Jesús Sosa Arana

Podemos concluir que la interfaz gráfica de usuario es un elemento fundamental al momento de interactuar con el software, ya que hace más fácil el entendimiento de sus funciones y sus características al más amigable con el usuario puesto que un montón de comandos en una terminal no es muy atractiva

Conclusión Ángel Martin Pat OribeEsta unidad es de las más fáciles de entender y de las más visuales (por obvias razones), dudo mucho que en pleno 2015 alguien se atreva a lanzar software sin interfaz gráfica, a no ser que se trate de algo ilegal o algo muy personal, pienso que no tiene ninguna posibilidad de vender o si quiera ser tomado en cuenta, las interfaces gráficas son ya el futuro de las aplicaciones tanto móviles como de computadoras de escritorio, sin ellas volveríamos a los inicios de la computación con puros comandos y una pantalla en blanco y negro.

Conclusión Erwin Alexander Villegas TunEl manejo de interfaz en Netbeans es algo muy eficaz ya hacen más fácil la creación de ventanas y botones. Esto hacen que el sistema se vea mucho mejor que simples líneas de códigos. Además de que a los usuarios que trabajen con dichas aplicaciones se lea haga más sencillo el manejo del sistema, ya que se les presenta de una manera amigable y sencilla según los desarrolladores. Existen una gran variedad de herramientas al momento de usar interfaz, y existen variedades de formas para elaborarlas, en ella se implementa el uso de eventos y escuchadores. Netbeans es uno de los IDE que facilitan el uso de interfaz ya que se puede implementar con el simple uso de arrastrar las herramientas que se necesitan.


Conclusión Jhonatan Candido Pat ChanPodemos llamar Interfaz Gráfica GUI (Graphical User Interface) al conjunto de componentes gráficos que posibilitan la interacción entre el usuario y la aplicación. Es decir ventas, botones, combos, listas, cajas de diálogo, campos de texto, etc. Primero tenemos que diseñar la aplicación, programarla y por último los eventos que se generan a medida que el usuario interactúa con la Interfaz. Los componentes son objetos de las clases que heredan de la clase base componente como Button, List, TextField, TextArea, Label, etc. En reseña esto hasta el más novato puede hacer una interfaz por medio de la paleta de objetos Swing que trae NetBeans, y si no puede no es un Ingeniero en sistemas.

Conclusión Rubí Verónica Chimal Cuxin En esta unidad nos percatamos de cómo funcionan las interfaces graficas en un programa, que en un sistema a realizar son muy importantes. Es una manera agradable y de gran utilidad en el desarrollo de nuevos software, todo esto fue de mucha utilidad al implementarlo en el proyecto integrador ya que se le dio una interfaz amigable para el usuario. Saber esta información nos ayudara mucho en nuestra vida laboral futura y nos brindara una oportunidad de realizar proyectos que nos agraden.


Unidad 2 isc j3 gui (cb)

Internet

Transcript of Unidad 2 isc j3 gui (cb)