Final Modern UI - Formulario: Aero Snap Windows, Redimensionamiento, Menú Deslizante: C#, WinForms

Поделиться
HTML-код
  • Опубликовано: 2 июн 2024
  • Crear una interfaz de usuario moderno, plana y sin bordes con todos los comportamientos estándar de una ventana.
    - Aero Snap Windows
    - Cambio de tamaño
    - Barra de título personalizada.
    - Arrastrar el formulario
    - Botones de la caja de control
    - Menú deslizante (menú expandir o contraer)
    - Menú desplegable de varios niveles
    🔔Contenido:
    0:00 Introducción
    1:27 Formulario de diseño
    5:01 Inicio de codificación
    5:43 Arrastre del formulario
    6:42 Eliminar la barra de título y mantener la ventana de ajuste
    11:43 Botones de la caja de control
    13:07 Menú deslizante
    17:05 Cambiar el tamaño del formulario
    19:41 Menú desplegable multinivel
    Nota: Corregir error de tamaño en el primer minimizado.
    Suscribir el evento Load e inicializar el campo formSize con el tamaño cliente del formulario.
    private void Form1_Load(object sender, EventArgs e)
    {
    formSize = this.ClientSize;
    }
    🌍Enlaces:
    - Obtener código fuente (mejorado): rjcodeadvance.com/final-moder...
    - Cómo descargar y utilizar FontAwesome.Sharp iconos: • C#/ Modern Flat UI + F...
    - Cómo crear un menú desplegable multinivel: • Dropdown Menu - Custom...
    - Cómo crear controles personalizados: • Custom Controls C#
    - Descargue los controles personalizados de RJ: www.nuget.org/packages/RJCode...
    - Mensaje WM_NCCALCSIZE: docs.microsoft.com/en-us/wind...
    - Mensaje WM_NCHITTEST: docs.microsoft.com/en-us/wind...
    - Diseño basado en: assets.materialup.com/uploads...
    - Código basado en: stackoverflow.com/a/30423128
    😸 Redes sociales
    Facebook: rjcodeadvance
    Instagram: rjcodeadvance

Комментарии • 35

  • @AlbertoFranciscoMatambo
    @AlbertoFranciscoMatambo 2 года назад

    Eres todo un experto y además generoso, compartes el código fuente gratuitamente eso de agradecer. Muchísimas gracias

  • @brayanjimenez8944
    @brayanjimenez8944 2 года назад

    Gracias amigo por un video mas ¡¡. Seria bueno que traigues mas proyectos así al canal.

  • @ELIOABREUC
    @ELIOABREUC 2 года назад

    Magnifico!!! Gracias por compartir tu experiencia con la comunidad. Mucho Exito!!

  • @felixortiz6715
    @felixortiz6715 2 года назад

    Que genial tus aportes ! aveces ni creen que son en form :D.
    Tuvieras alguna reconmendacion con textbox cuando son por varios filtros?

  • @WilliamVPro
    @WilliamVPro 2 года назад

    Gracias amigo por el video... como siempre genial e impecable... saludos.

  • @jesuslazo3030
    @jesuslazo3030 2 года назад

    Gracias por compartir tus conocimientos man!

  • @to-dodesigns
    @to-dodesigns 2 года назад

    Amigo excelente tutorial! Agradezco mucho todas tus enseñanzas, me gustaria es que nos enseñaras alguna solución practica para adaptar una app de windows forms a las diferentes escalas dpi que hay de pantallas, o si hay alguna solución para cuando el escalado de una pantalla es mayor a 100% en altas resoluciones

  • @alejandrokarcz
    @alejandrokarcz 2 года назад +7

    Tus aportes son incredible. Muchas gracias!!!..
    Crees poder hacer una serie de videos sobre el control DatagridView? Especialmente su personalización!!!...
    Eres genial

    • @RJCodeAdvance
      @RJCodeAdvance  2 года назад +4

      Hola, gracias por ver mis videos. Bueno la serie de controles personalizados ya ha finalizado. Próximamente trataré de hacer otra serie con los controles faltantes.

  • @ferzva6534
    @ferzva6534 2 года назад

    Eres el mejor bro espere que volvieras como no te imaginas

  • @studiopanda726
    @studiopanda726 2 года назад

    Muy buen contenido hermano, una consulta como haces para que te paresca en tus propiedades con una " , " y no con " ; " ? me ayudaas con eso, te lo agradeceria, muy buenos aportes!

  • @javiermartinez4477
    @javiermartinez4477 2 года назад

    excelente, puedes hacer el que sale en bunifu si mal no recuerdo, es un datagridview que al pasar con el puntero por encima de una linea, se muestra una ventanita flotante con el detalle de esa linea, como por ejemplo una foto?

  • @ilytchmo
    @ilytchmo 2 года назад

    ola, como se hace el redimencioando de los controles cuando maximisas o cuando cambias el tamaño, porque cuando pongo el Anchor solo hace el de la derecha o izq, pero cmo los ajusto en proporcion?

  • @darkking7158
    @darkking7158 2 года назад

    Excelente Tutorial, gracias por tan grandiosa aportación, tienes el video donde los controles que se muestran al final graficas y demas se hacen responsivos

  • @inf2094
    @inf2094 2 года назад +1

    Como hago que se adapte los diseños que están dentro del panel ( el de las opciones Order, Total Sales, Revenue, etc)

  • @christianfloreschiroque4196
    @christianfloreschiroque4196 2 года назад

    Muchas gracias por el tutorial

  • @JONYLBCD
    @JONYLBCD 2 года назад

    Ya hice este formulario pero por alguna razón el método sobrescrito WndProc me causa problemas con los bordes como que pierden el Aero de la Ventana cuando hago snap en la izq o cuando minimizo o maximizo otra ventana abierta, si lo comento no sucede eso pero me aparece la ventana con borde transparente

  • @mamcodes3041
    @mamcodes3041 Год назад

    Eres un crack!! sigue con más videos así.

  • @davidPicado7209
    @davidPicado7209 2 года назад

    Excelente tutorial

  • @luisangelcortezgrijalva6778
    @luisangelcortezgrijalva6778 2 года назад +1

    gracias por el video

  • @albertotellez6633
    @albertotellez6633 2 года назад

    Excelente video👋

  • @quarkc13
    @quarkc13 2 года назад

    Muy buena

  • @carlitosmo
    @carlitosmo 2 года назад

    Brutal Bro

  • @eliassponton3997
    @eliassponton3997 2 года назад

    Amigo sos un CRACK! Te agradesco por este importe :) aqui tiene mi linck

    • @RJCodeAdvance
      @RJCodeAdvance  2 года назад

      Gracias por ver mis videos. Saludos ;)

  • @blackcamce6566
    @blackcamce6566 2 года назад

    Eres el mejor el mejor :'3

  • @eduardovazquezbonilla
    @eduardovazquezbonilla 2 года назад

    if (m.Msg == WM_SYSCOMMAND)
    {
    int wParam = (m.WParam.ToInt32() & 0xFFF0);
    if (wParam == SC_MINIMIZE) //Before
    formSize = this.ClientSize;
    if (wParam == SC_RESTORE)// Restored form(Before)
    this.Size = formSize;
    }
    ME MARCA ERROR EN DONDE DICE "formSize"
    estoy en la parte 13:00 del video

  • @emmanuelgarciavaldez2697
    @emmanuelgarciavaldez2697 2 года назад +3

    me parece que tiene un bug tu código el que dejas en la pagina, al presionar el botón de inicio de windows la app toma los efectos visuales de xp

  • @salvador2616
    @salvador2616 2 года назад +1

    Como haríamos un formulario que se acople al tamaño de la pantalla con sus controles

    • @RJCodeAdvance
      @RJCodeAdvance  2 года назад +1

      Establecer la propiedad Anchor y Dock según corresponda y necesidades. Tambien utilizar tablas flotantes si es necesario.

    • @salvador2616
      @salvador2616 2 года назад

      @@RJCodeAdvance entiendo pero lo que necesito es que sea automatico porque tengo varios usuarios con pantallas.

  • @angelosgd4502
    @angelosgd4502 2 года назад

    hola bro, buen video pero me marca un error, en el minuto 16:07 en ese codigo, cuando lo inicializo y le apreto al menu, me marca un error que dice, System.NullReferenceException: 'Referencia a objeto no establecida como instancia de un objeto.'
    System.Windows.Forms.Control.Tag.get devolvió null.
    No se a que se deba, porfavor si podrias ayudarme

    • @RJCodeAdvance
      @RJCodeAdvance  2 года назад +1

      Hola, comparteme el código al correo electrónico. rjcodeadvance@outlook.com

    • @angelosgd4502
      @angelosgd4502 2 года назад

      Ya pude arreglar ese error, simplenre se me olvidó poner un tat al icoButton de salir super bien el tutorial gracias de todas formas :D