{"id":1210,"date":"2023-02-09T00:23:43","date_gmt":"2023-02-09T03:23:43","guid":{"rendered":"http:\/\/leandroascierto.com\/blog\/?p=1210"},"modified":"2023-10-26T20:03:39","modified_gmt":"2023-10-26T23:03:39","slug":"ucgallery-catalogo-de-productos","status":"publish","type":"post","link":"https:\/\/leandroascierto.com\/blog\/ucgallery-catalogo-de-productos\/","title":{"rendered":"ucGallery (cat\u00e1logo de productos)"},"content":{"rendered":"\n<p>Es un control de usuario para generar una galer\u00eda o cat\u00e1logo de productos donde podemos interactuar con im\u00e1genes, textos, links y controles. Para utilizar este control requiere conocimiento en dibujado de im\u00e1genes y texto, el control s\u00f3lo ofrece una superficie donde se puede graficar, no es \u00e9l quien lo hace, esto lo plantee de esta forma para que pueda ser totalmente personalizable, es necesario que se entienda el concepto antes de ponerlo en marcha, para los m\u00e1s experimentados es algo similar al OwnerDraw de los Listview.<\/p>\n\n\n\n<p>El control ofrece tres tipos de vista: <\/p>\n\n\n\n<p>Vista Galer\u00eda: es donde se muestra una cuadrilla cl\u00e1sica de \u00edtems.<br>Vista Deslizante: algo muy similar como podemos ver en Netflix o Prime video, donde los items se desplazan a la derecha o izquierda. <br>Vista de Lista: donde los \u00edtems se acomodan uno debajo del otro.<\/p>\n\n\n\n<p>He dejado algunos m\u00f3dulos donde facilitan cargas de im\u00e1genes y renderizado, como as\u00ed con el texto y algunos ejemplos de simular controles sobre la lista.<\/p>\n\n\n\n<p>No qued\u00e9 muy conforme con su rendimiento, cuando el control es muy grande o el DPI es muy alto el control es lento en dibujarse. Hubiera sido mejor utilizar DirectDraw, pero mis conocimientos son muy limitados, as\u00ed que opt\u00e9 por hacerlo con GDI y GDI+.<\/p>\n\n\n\n<p>Como yapa hay un ocx que es lo \u00faltimo en lo que estuve trabajando, una suite con algunos de los controles aqu\u00ed publicados, espero poder darme un tiempo en publicarlo con ejemplos.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/blog\/imagenes\/ucGallery1.png\" alt=\"ucGallery1.png\"><\/figure>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/blog\/imagenes\/ucGallery2.png\" alt=\"ucGallery2.png\"><\/figure>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/blog\/imagenes\/ucGallery3.png\" alt=\"ucGallery3.png\"><\/figure>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/blog\/imagenes\/ucGallery4.png\" alt=\"ucGallery4.png\"><\/figure>\n\n\n\n<iframe loading=\"lazy\" width=\"700\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/UOaD5sPlpyQ\" title=\"ucGallery (control de usuario para crear un catalogo de productos en vb6)\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Atenci\u00f3n: Te recomiendo que no usar esta versi\u00f3n, mira <a href=\"https:\/\/leandroascierto.com\/blog\/ucgallery-direct2d\/\">esta actualizaci\u00f3n<\/a> la cual esta mucho mas optimizada y es la que voy a mantener actualizada.<\/strong><\/mark><\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<a href=\"https:\/\/leandroascierto.com\/blog\/descarga.php?url=ucGallery.zip\"><img decoding=\"async\" src=\"https:\/\/leandroascierto.com\/blog\/descarga.php?file=ucGallery.zip\" alt=\"\"><\/a>\n<\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Es un control de usuario para generar una galer\u00eda o cat\u00e1logo de productos donde podemos interactuar con im\u00e1genes, textos, links y controles. Para utilizar este control requiere conocimiento en dibujado de im\u00e1genes y texto, el control s\u00f3lo ofrece una superficie donde se puede graficar, no es \u00e9l quien lo hace, esto lo plantee de esta <a href='https:\/\/leandroascierto.com\/blog\/ucgallery-catalogo-de-productos\/' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1210","post","type-post","status-publish","format-standard","hentry","category-sin-categoria","category-1-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":12,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts\/1210\/revisions"}],"predecessor-version":[{"id":1300,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts\/1210\/revisions\/1300"}],"wp:attachment":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/media?parent=1210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/categories?post=1210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/tags?post=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}