‫Bienvenido de nuevo.
‫Y en este video, vamos a crear un cuadro de lista, y pueden ver aquí que tenemos un pequeño cuadro de lista con
‫las entradas.
‫Entonces tenemos al Bayern de Múnich con tres puntos o goles, y luego tenemos al Real Madrid con dos
‫goles y el partido casi termina.
‫Entonces, estamos usando varios elementos diferentes aquí, que aún no hemos usado.
‫Y cuando selecciono uno y hago clic en este botón muestra seleccionado, aparece un pequeño cuadro de mensaje que me informa sobre el
‫cuadro seleccionado y me da más información, o al menos en este caso, solo me
‫da esta información.
‫Y, por supuesto, podría agregar un poco más de información aquí para poder crear una pequeña
‫aplicación a partir de eso, que toma los datos de Internet y se actualiza todo el tiempo y, bueno, simplemente le muestra el
‫puntaje actual de los partidos actuales. .
‫Está bien.
‫Sigamos adelante y comencemos a hacer eso.
‫Así que voy a crear un nuevo proyecto para esto, al que llamaré ListBox.
‫Así que sigamos adelante.
‫Y ya tengo este nombre, así que lo llamaré C, y aquí usaré principalmente Zemel.
‫Así que voy a arrastrarlo todo hacia arriba.
‫Y tenemos este pozo, nuestra imagen aquí o nuestra ventana aquí todavía.
‫Pero ahora lo que quiero hacer es volver a usar cuadrículas, pero voy a usar varias filas, por supuesto.
‫Así que sigamos adelante y creemos una definición de columna, una definición de rollo y ese tipo de cosas.
‫Por cierto, en realidad solo necesitamos dos columnas, por lo que no será tan complicado.
‫Entonces solo tenemos dos columnas diferentes.
‫No tenemos varias filas, por lo que no necesitaremos la definición de rollo.
‫Pero para ti, si recuerdas cómo hacer eso, siempre es bueno saberlo.
‫Por lo tanto, primero necesita las definiciones de columna.
‫Y aquí puedes definir tus columnas.
‫Y voy a seguir adelante y definir una columna con un ancho de estrella y una definición de columna con un ancho de,
‫digamos, 100.
‫Entonces quiero tener un botón en la segunda columna.
‫Eso es lo que quiero usar aquí.
‫Está bien.
‫Entonces estas son dos columnas que tengo.
‫Este contendrá el cuadro de lista y el de la derecha simplemente contendrá este enorme botón en el
‫que podemos hacer clic una vez que queramos obtener más información sobre una coincidencia.
‫Así que creemos un cuadro de lista ahora.
‫Y voy a usar la palabra clave ListBox.
‫Este cuadro de lista obtendrá un nombre.
‫Llamaré coincidencias a este cuadro de lista y alinearé horizontalmente el contenido.
‫Entonces, alineación de contenido horizontal y voy a estirarlo para que estire el contenido de mi cuadro
‫de lista.
‫Y este de aquí, este be mezza debería ser el nombre, por cierto, así que el nombre es Elby Mensches.
‫Está bien.
‫A continuación, quiero una plantilla de elemento específica para que un cuadro de lista pueda tener una plantilla de elemento.
‫Así que voy a usar una plantilla de elemento de punto de cuadro de lista.
‫Y allí puedo tener una plantilla de datos.
‫Entonces voy a crear una nueva plantilla de datos.
‫Y ahora finalmente puedo continuar y agregar los bloques de texto o la información.
‫Entonces, como puede ver, estructurado de una manera que aún no hemos visto.
‫Pero eso está totalmente bien.
‫Verás cómo funciona en un segundo.
‫Entonces tenemos esta lista.
‫Boxton Tenemos la plantilla del artículo, luego la plantilla de datos.
‫Y aquí podemos mostrar los datos.
‫Y voy a usar una cuadrícula aquí.
‫Entonces voy a usar una cuadrícula con márgenes de dos.
‫Y esta cuadrícula también necesita definiciones de columna.
‫Así que voy a crear una nueva etiqueta de definiciones de columnas de puntos de cuadrícula.
‫Y luego aquí voy a definir las definiciones de columna o crear las definiciones de columna.
‫Por cierto, aquí también lo haré simple.
‫Y lo que quiero tener es simplemente un ancho, que ocupará el mismo espacio que todas las demás columnas.
‫Entonces tendré cinco columnas aquí.
‫Uno va a ser el del equipo.
‫El segundo será el marcador.
‫El tercero es anotar de nuevo.
‫El cuarto es el equipo del segundo equipo.
‫Y finalmente, tenemos el progreso.
‫Así que queremos saber qué tan lejos está el juego, cómo está el partido.
‫Y ahora quiero tener varios bloques de texto.
‫Entonces uno va a ser un bloque de texto con una cuadrícula, esa posición de columna de cero y un texto que quiero
‫enlazar.
‫Así que voy a vincular este texto al equipo uno.
‫Ahora, quizás te preguntes qué es el equipo uno.
‫Bueno, tenemos que definir este equipo como uno en nuestro código detrás.
‫Muy bien, entonces lo que voy a hacer es antes de ir más lejos aquí con el ejemplo, voy a seguir
‫adelante y hacer la cita detrás y voy a crear una nueva clase que se va a encargar de partidos.
‫Así que esta será una coincidencia de clase pública de clase muy simple.
‫Y esta clase solo contendrá propiedades tan públicas y realmente creadas.
‫Entonces, esto va a ser más fácil.
‫Apoya y puntúa uno que otro puntuado también.
‫Luego necesito uno, que va a ser una cuerda, que va a ser del equipo uno y luego otra, que también
‫es una cuerda.
‫Y este será el equipo dos.
‫Y ahora finalmente tengo uno, que también es un número entero, que será la finalización.
‫Entonces quiero saber qué tan lejos está el juego o cuántos minutos del total del partido han pasado.
‫Entonces, esta es la información general sobre esta clase de coincidencia.
‫Y ves que esta clase es asombrosa.
‫Y, en general, la programación orientada a objetos será increíble aquí porque simplemente podemos ajustar eso
‫si queremos agregar más información.
‫Por ejemplo, queremos agregar los jugadores que están en el campo y podríamos crear una propiedad completamente nueva que se encargará del jugador
‫para poder crear una clase que se usará dentro del partido, que va a
‫contener todos los nombres de los diferentes jugadores o algo así.
‫Eso es genial para la extensibilidad.
‫Para que pueda mantener ese código fácilmente.
‫Ahora tenemos esta clase de coincidencias y dentro de mi ventana principal, quiero seguir adelante y crear una lista de coincidencias.
‫Así que voy a crear una lista y la llamaré coincidencia o usaré coincidencia como el elemento de lista en el que
‫quiero estar allí.
‫Y se llamará coincidencias, que será una nueva lista de coincidencias.
‫Está bien.
‫Así que ahora tengo esta lista de coincidencias y puedo agregar elementos a esa lista.
‫Entonces voy a agregar un nuevo partido, que será mi equipo, uno con el valor del Bayern Munich, gran aficionado
‫del Bayern en Alemania.
‫Y luego son mejores, son el mejor equipo de Alemania y son bastante buenos a nivel internacional.
‫Ojalá ganen la Champions League este año.
‫Todavía luce bien.
‫Simplemente vencieron a Serbia.
‫Perdón por este evento.
‫Luego tenemos la puntuación uno, que voy a poner en tres y la puntuación que voy a poner
‫en dos.
‫Y finalmente tenemos una finalización, que voy a establecer en algo así como ochenta y cinco.
‫Así que el partido casi ha terminado y el Bayern está un punto por delante o un gol por delante.
‫De acuerdo, así es generalmente como puedo crear una nueva coincidencia.
‫Y verá que no necesitamos crear un constructor, no necesitamos crear ningún método en esa clase.
‫Simplemente creamos una clase muy básica que tiene propiedades y asignamos esas propiedades aquí.
‫Y ahora tenemos un objeto con todas esas propiedades.
‫Y eso es genial porque ahora podemos usar eso para mostrarlo en nuestra lista aquí o en nuestro.
‫ListBox, tengo este primer bloque de prueba, que será el equipo uno, luego tengo el segundo bloque de texto
‫que debería estar conectado al puntaje del equipo uno.
‫Así que va a ser una puntuación.
‫Luego, el siguiente bloque de texto debería ser información sobre el equipo dos.
‫Así que esto va a ser equipo para y la información sobre el equipo es solo el nombre del equipo también.
‫Y luego, finalmente, anota dos y muy finalmente.
‫Por último, quiero tener una barra de progreso, en realidad, no un bloque de texto, que me
‫informará sobre qué tan lejos está el juego, así que una barra de progreso, que voy a establecer
‫en la cuadrícula. esa columna para.
‫Y necesitaremos cambiar las columnas aquí también, por supuesto.
‫Uno dos tres CUATRO.
‫Entonces tenemos estas cinco columnas que hemos configurado aquí.
‫Y ahora voy a poner el equipo uno en la columna cero, la puntuación del equipo uno en la columna uno y así sucesivamente.
‫Y ahora quiero tener un valor mínimo para esa barra de progreso, que va a ser cero y un valor
‫máximo, y si conoces a Succored y sabes que son 90 minutos de fútbol según de dónde
‫eres o en qué inglés desea utilizar, inglés británico o inglés americano.
‫Entonces tenemos un valor que queremos unir.
‫Y lo hicimos con este texto aquí.
‫Así que simplemente enlazamos al texto.
‫Pero ahora queremos vincular el valor de una barra de progreso porque una barra de progreso no es solo un texto,
‫en realidad está bien, necesita un tipo de valor entero.
‫Entonces, lo que voy a vincular aquí será la finalización y ahora deberíamos poder probar
‫eso.
‫Entonces, a pesar de que se está quejando, eso es porque no estoy cerrando la barra de progreso.
‫Está bien.
‫Pero como ve, no hay nada aquí porque los valores que estamos usando, están en código y bueno, todavía
‫no compila el código.
‫No verifica el código de nuestra clase principal aquí, por ejemplo, file.
‫Y ahora déjame comprobar si podemos ejecutarlo, ¿de acuerdo?
‫Y, por cierto, si queremos ejecutarlo, hay una cosa importante que agregar, y es que Elby
‫coincide con que la fuente del elemento es igual a nuestras coincidencias.
‫Ahora, ¿qué son todas las coincidencias y cuál es la fuente del elemento?
‫Bueno, si miramos las coincidencias de Halbe, ese es nuestro cuadro de lista.
‫Así que llamé a este listbox.
‫Estaré de pie para las coincidencias de ListBox.
‫Entonces, este cuadro de lista se encargará de todas nuestras coincidencias o mostrará todas nuestras coincidencias.
‫Esa es la idea que hay detrás.
‫Derecha.
‫Y necesita una fuente de datos porque de lo contrario no mostrará ningún dato.
‫Y solo dije, está bien, quiero que sea la fuente de datos de nuestras coincidencias y bueno, las coincidencias deberían ser la fuente
‫de datos.
‫Así que ahora debería mostrar este partido, que es de Munich para el Real Madrid con tres a
‫dos goles, y que somos Bayern Munich, Real Madrid menos tres goles.
‫La Real tiene dos goles.
‫Y luego tenemos la barra de progreso, que dice que el tiempo casi se acaba.
‫Así que el partido casi ha terminado.
‫Ahora, quería tener el marcador en el medio de los dos equipos, así que tendré que cambiar el orden aquí.
‫Y lo voy a cambiar así.
‫Por supuesto, también necesito ajustar las columnas aquí porque me gustaría tener las puntuaciones una al lado de la
‫otra.
‫Entonces es más fácil comparar.
‫Así que ejecutémoslo de nuevo.
‫Y podemos ver por industria y cuánto tiene que hacerlo.
‫Y en realidad debería haber un poquito, el texto debería estar centrado.
‫Entonces, lo que podemos hacer aquí es en realidad hacerlo un poco mejor para la partitura y voy a alinearlo.
‫Y puedo hacer eso con una línea que será el centro de alineación horizontal.
‫Voy a hacer eso para ambos puntajes.
‫Así que ejecutémoslo de nuevo.
‫Como puede ver, así es como puede ajustar su interfaz de usuario y aplicar sus cambios y hacerlo un
‫poco más agradable.
‫Lo que incluso podría hacer es alinear este número hacia la derecha y ese número hacia la izquierda.
‫E incluso podrías ingresar algo como un kolon en el medio o algo así.
‫Está bien.
‫Así que ese es nuestro primer partido.
‫Ahora para usted, un pequeño desafío, continúe y agregue varias coincidencias diferentes.
‫Y no tiene por qué ser fútbol.
‫Puedes o en el fútbol puedes ingresar partidos de cualquiera que sea la barra de progreso,
‫algo así como el tiempo que se acabó y simplemente tienes los dos equipos con sus puntajes en cada lado.
‫Así que, por favor, adelante.
‫Muy bien, espero que lo hayas probado, y debería ser bastante sencillo porque hemos creado esta coincidencia aquí
‫y lo único que tenemos que hacer es copiar y pegar eso varias veces y ahora simplemente ajustar los nombres
‫y el discurso de los equipos.
‫Así que tenía algo preparado aquí.
‫Y como dije, soy más un fanático del fútbol, así que voy a agregar equipos
‫de fútbol, internacionales, una persona que representará a París, Sunjammer, que será contra el Barsa y Basilea está perdiendo contra
‫el PSG, pero todavía pueden ganarlo ya que todavía tienen mucho tiempo.
‫Entonces es solo 50 minutos.
‫Luego tenemos que ser el torneo B, que es el segundo mejor equipo de Alemania la mayor parte del tiempo,
‫y juegan contra HIAS Roma.
‫Luego tenemos otro equipo aquí, que es el Manchester United.
‫Juegan contra una galaxia.
‫Es bastante improbable, pero puede suceder que jueguen unos contra otros.
‫Y me voy a deshacer del último marcador para no tener que escribir a máquina o pensar en el equipo
‫diferente aquí también.
‫Así que este partido no es tan largo o no ha pasado tanto.
‫Y aquí el Manchester United ha marcado un gol.
‫Y Zlatan Ibrahim, que también ha marcado un gol para L. UNA. Galaxia.
‫Entonces eso es 30 minutos.
‫Y el Barça.
‫Bueno, creo que todo está bien.
‫Entonces podemos mantenerlo como está y ahora podemos ejecutarlo nuevamente.
‫Y verá que tenemos esta pequeña interfaz aquí que nos muestra todos los diferentes equipos y su
‫puntuación.
‫Y luego también puedes ver cuánto tiempo están.
‫Por supuesto, puede agregar algo como hora de inicio, hora de finalización.
‫Puede agregar todo tipo de información, lo que se le ocurra.
‫Lo que sería bastante bueno es si tuvieras algo así como todos los jugadores.
‫Entonces, si desea agregar la alineación aquí, lo que podría hacer es, por supuesto, crear una nueva propiedad
‫llamada Line Up, que será solo una larga matriz de cadenas o incluso una lista de cadenas que contenga todos
‫los diferentes jugadores. nombres.
‫Y luego podría mostrar eso una vez que alguien presiona uno de esos y presiona el botón de selección.
‫Pero todavía no tenemos el botón de selección.
‫Y eso es lo que vamos a agregar ahora, porque podría decir que quiero tener información adicional allí.
‫Y eso es muy relevante.
‫Eso es muy bueno si lo desea o bueno, si alguna vez llega al punto en el que realmente
‫lo necesitará en una aplicación.
‫Así que voy a poner eso fuera de la caja.
‫Y por cierto, nuestro ListBox, no configuré ninguna columna aquí, pero eso es algo que, bueno, tenemos que es
‫para nosotros.
‫Entonces, el primer elemento estará automáticamente en cero cero si no lo asignamos.
‫Pero lo voy a asignar en un segundo.
‫En primer lugar, voy a agregar un botón, así que creemos un nuevo botón.
‫Configurémoslo en la columna de cuadrícula uno y agreguemos un evento de clic.
‫Y voy a crear un nuevo evento.
‫Así que solo voy a decir nuevo controlador de eventos y agregaré un método de clic de botón para mí.
‫Y voy a llamar a este programa seleccionado.
‫OK, entonces haga clic en el botón.
‫Quizás ese no sea el mejor nombre, pero sí, está bien.
‫Podemos usar este botón.
‫Hacer clic.
‫Así que aquí tenemos este método de clic de botón y lo que hará es mostrarme más información.
‫Y por ahora solo hará lo siguiente.
‫Solo comprobará si la coincidencia que se seleccionó no está vacía.
‫Entonces, Elby coincide con que el elemento seleccionado no es igual, vacío o nulo, porque si es nulo, entonces no quiero que
‫suceda nada.
‫Pero si no es ahora, quiero mostrar algo en el cuadro de mensaje y voy a
‫mostrar algo como coincidencia seleccionada.
‫Habrá más y aquí voy a mostrar todos los diferentes partidos.
‫Entonces.
‫Necesito algo como Halbe coincide con ese elemento seleccionado como un partido, y de eso quiero tener el equipo
‫porque ahora el l. Coincidencia B, el elemento seleccionado no es una clase de coincidencia, pero quiero usarlo como
‫coincidencia.
‫Y ahí quiero mostrar el equipo uno más un espacio vacío más la siguiente fila.
‫Así que voy a copiar esto aquí, a ponerlo en la siguiente línea.
‫Y aquí, no quiero mostrárselo al equipo.
‫Quiero mostrar el puntaje uno.
‫Luego, en la siguiente línea de carril, quiero lanzar el marcador dos.
‫Y finalmente, quiero mostrarle al equipo dos.
‫Y luego, ya no necesito espacios vacíos y puedo usar los dos puntos y convertirlo en punto y
‫coma.
‫De acuerdo, así es como puedo mostrar algo en el cuadro de mensaje.
‫Y en este caso, voy a mostrar la moral de mi equipo una vez más.
‫Entonces ves que Elby coincide con el elemento seleccionado.
‫El elemento seleccionado es un objeto, y quiero usarlo como una coincidencia para poder acceder a su equipo uno, equipo dos
‫y propiedades de puntuación, de lo contrario no podría hacer eso.
‫Entonces, si dejo eso fuera, puedo llamar al equipo uno.
‫Te lo voy a mostrar en el segundo.
‫Así que aquí, digamos que tengo este Elby coincide con el elemento seleccionado y aquí pueden ver que no me ofrece
‫las propiedades porque es un objeto.
‫Este elemento seleccionado es solo un objeto y solo tiene los métodos de método disponibles iguales a cadena y así
‫sucesivamente.
‫Pero lo que realmente necesito son las propiedades de mi fósforo.
‫Y sé que el objeto que se seleccionó es un objeto de coincidencia.
‫Por eso puedo acceder a sus propiedades.
‫Así que ahora probemos eso.
‫Y después de eso, habremos terminado con este video.
‫Así que espero que puedas seguirnos y que todo esté bien.
‫Así que ahora he seleccionado Barsa, se seleccionó RPG y, como puede ver, seleccioné emparejar Pidgey tres con Barsa.
‫Entonces esta es la puntuación actual.
‫Y aquí podría, por supuesto, seguir adelante y agregar más información o incluso podría abrir
‫una nueva ventana en la que muestre toda la información diferente, como la alineación del partido de los
‫dos equipos, etc.
‫Está bien.
‫Ese fue un video bastante largo.
‫E hicimos bastantes cosas.
‫Usamos ListBox, como lo vio.
‫Luego usamos la cuadrícula nuevamente.
‫Bueno, ya lo usamos.
‫Pero lo interesante de este fue, por un lado, que hemos creado una clase que solo contiene propiedades que usamos para
‫crear esta pequeña lista de coincidencias, lo cual es bastante bueno porque podemos extenderlo
‫fácilmente a medida que avanzamos.
‫Y también usamos el enlace de datos aquí, por lo que nos vinculamos a una propiedad dentro de nuestra clase, dentro de
‫nuestra clase de ventana principal, que es nuestra.
‫Haga coincidir aquí, para que podamos acceder fácilmente a eso, y eso es genial.
‫Okeydokey, diría que es bueno para este video.
‫Nos vemos en el próximo.