Testes HWGUI com telas em XML

[asimoes]

O que usa pra converter? Bostaurus?

Ainda não consegui usar o Bostaurus para criar um button com imagem + texto

[asimoes]

Simulando botão com White icon, criando um png, muito fácil, usando somente o que já tem disponível ma lib

Usei o Photoscape para criar o png com milhões de efeitos depois de criado o png foi só usar no objeto BITMAP, que tem o on click

[asimoes]

Vou acabar criando um banco de imagens e usar no objeto BITMAP

[Fernando queiroz]

a chamada

HFormTmpl():Read( "C:\SGCMARIADB\SCREENS\MENUPRINCIPAL.xml" ):Show()

Código: Selecionar todos

<?xml version="1.0" encoding="UTF-8"?>
<part class="form">
  <style>
    <property name="Geometry">{1,52,200,1019}</property>
    <property name="Name">[TelaPrincipal]</property>
    <property name="Caption">[]</property>
    <property name="FormType">[dlgModal]</property>
    <property name="lClipper">.F.</property>
    <property name="lExitOnEnter">.F.</property>
    <property name="lDebug">.F.</property>
    <property name="FromStyle">[Overlapped]</property>
    <property name="Icon">[]</property>
    <property name="BackColor">-1</property>
    <property name="NoModal">.F.</property>
    <property name="SystemMenu">.T.</property>
    <property name="Minimizebox">.T.</property>
    <property name="Maximizebox">.T.</property>
    <property name="AbsAlignent">.T.</property>
    <property name="SizeBox">.F.</property>
    <property name="Visible">.T.</property>
    <property name="3DLook">.T.</property>
    <property name="Clipsiblings">.F.</property>
    <property name="Clipchildren">.F.</property>
  </style>
  <part class="toolbar">
    <style>
      <property name="Geometry">{0,0,205,80}</property>
      <property name="Name">[oBarLogo]</property>
      <property name="Anchor">0</property>
      <property name="BackColor">16744448</property>
      <property name="hstyle">
        <hstyle colors="{16744448,0}" orient="4"/>
      </property>
    </style>
    <part class="icon">
      <style>
        <property name="Geometry">{82,5,40,40}</property>
        <property name="Name">[oIcon1]</property>
        <property name="Icon">[C:\SGCMARIADB\SGCHB\sgc.ico]</property>
      </style>
    </part>
    <part class="label">
      <style>
        <property name="Geometry">{6,50,187,22}</property>
        <property name="Name">[oLabel1]</property>
        <property name="Caption">[SGC - v8.0]</property>
        <property name="TextColor">16777215</property>
        <property name="BackColor">16777215</property>
        <property name="font">
          <font name="Arial" width="0" height="-19M5.04" weight="400"/>
        </property>
        <property name="Justify">[Center]</property>
        <property name="Transparent">.T.</property>
      </style>
    </part>
  </part>
  <part class="toolbar">
    <style>
      <property name="Geometry">{202,0,890,80}</property>
      <property name="Name">[oToolbar3]</property>
      <property name="Anchor">130</property>
      <property name="BackColor">16744448</property>
      <property name="hstyle">
        <hstyle colors="{16744448}" orient="1"/>
      </property>
    </style>
  </part>
  <part class="toolbar">
    <style>
      <property name="Geometry">{0,80,201,937}</property>
      <property name="Name">[oBarOpcoes]</property>
      <property name="Anchor">65</property>
      <property name="BackColor">0</property>
      <property name="hstyle">
        <hstyle colors="{0,8421504}" orient="3"/>
      </property>
    </style>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,90,195,41}</property>
        <property name="Name">[oProdutos]</property>
        <property name="Caption">[Produtos]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\product-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
      <method name="onClick">
        <![CDATA[HFormTmpl():Read( "C:\SGCMARIADB\SCREENS\PRODUTOS.xml" ):show()
]]>
      </method>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,137,195,41}</property>
        <property name="Name">[oCadastros]</property>
        <property name="Caption">[Cadastros]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">[C:\SGCMARIADB\WHITE_ICON\group-256-30.bmp]</property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
      <method name="onClick">
        <![CDATA[HFormTmpl():Read( "C:\SGCMARIADB\SCREENS\CADASTROS.xml" ):show()

]]>
      </method>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,184,195,41}</property>
        <property name="Name">[oVendedores]</property>
        <property name="Caption">[Vendedores]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\workers-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="line">
      <style>
        <property name="Geometry">{2,228,194,2}</property>
        <property name="Name">[oLine1]</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,231,195,41}</property>
        <property name="Name">[oCompras]</property>
        <property name="Caption">[Compras]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">[C:\SGCMARIADB\WHITE_ICON\buy-256-30.bmp]</property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,278,195,41}</property>
        <property name="Name">[oEntrada]</property>
        <property name="Caption">[Entradas]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">[C:\SGCMARIADB\WHITE_ICON\truck-256-30.bmp]</property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="line">
      <style>
        <property name="Geometry">{2,322,194,2}</property>
        <property name="Name">[oLine2]</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,325,195,41}</property>
        <property name="Name">[oTransferencia]</property>
        <property name="Caption">[Transferência]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\sinchronize-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,372,195,41}</property>
        <property name="Name">[oPedidos]</property>
        <property name="Caption">[Pedidos]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">[C:\SGCMARIADB\WHITE_ICON\cart-8-256-30.bmp]</property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,419,195,41}</property>
        <property name="Name">[oGerenciaPedidos]</property>
        <property name="Caption">[Gerência Pedidos]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\browser-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="line">
      <style>
        <property name="Geometry">{2,464,194,2}</property>
        <property name="Name">[oLine3]</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,466,195,41}</property>
        <property name="Name">[oCaixaReceber]</property>
        <property name="Caption">[Caixa Receber]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\money-bag-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,513,195,41}</property>
        <property name="Name">[oCaixa]</property>
        <property name="Caption">[Caixa]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\notebook-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="line">
      <style>
        <property name="Geometry">{2,557,194,2}</property>
        <property name="Name">[oLine4]</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,560,195,41}</property>
        <property name="Name">[oDANFE]</property>
        <property name="Caption">[DANFE]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\invoice-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,607,195,41}</property>
        <property name="Name">[oGerenciaDanfe]</property>
        <property name="Caption">[Gerência DANFE]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\browser-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="line">
      <style>
        <property name="Geometry">{2,651,194,2}</property>
        <property name="Name">[oLine5]</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,654,195,41}</property>
        <property name="Name">[oCupom]</property>
        <property name="Caption">[CUPOM]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\pages-2-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,701,195,41}</property>
        <property name="Name">[oGerenciaCupom]</property>
        <property name="Caption">[Gerência CUPOM]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\browser-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="line">
      <style>
        <property name="Geometry">{2,744,194,2}</property>
        <property name="Name">[oLine6]</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,748,195,41}</property>
        <property name="Name">[oContasReceber]</property>
        <property name="Caption">[Contas a Receber]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\cash-receiving-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,795,195,41}</property>
        <property name="Name">[oContasPagar]</property>
        <property name="Caption">[Contas a Pagar]</property>
        <property name="Flat">.T.</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="65535"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\banknotes-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="line">
      <style>
        <property name="Geometry">{2,839,194,2}</property>
        <property name="Name">[oLine7]</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,842,195,41}</property>
        <property name="Name">[oConfiguracoes]</property>
        <property name="Caption">[Configurações]</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="255"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">[C:\SGCMARIADB\WHITE_ICON\setup-30.bmp]</property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,889,195,41}</property>
        <property name="Name">[oFerramentas]</property>
        <property name="Caption">[Ferramentas]</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="255"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">
[C:\SGCMARIADB\WHITE_ICON\settings-24-256-30.bmp]
        </property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
      <method name="onClick">
        <![CDATA[LOCAL oTela:= HFormTmpl():Read( "C:\TELAS GRAFICAS\LOGIN.xml" )

    oTela:HFormTmpl():Show()

return nil
]]>
      </method>
    </part>
    <part class="ownerbutton">
      <style>
        <property name="Geometry">{2,936,195,41}</property>
        <property name="Name">[oSair]</property>
        <property name="Caption">[Sair]</property>
        <property name="Anchor">48</property>
        <property name="font">
          <font name="" width="0" height="-16M4.24" weight="400"/>
        </property>
        <property name="styles">
          <hstyle colors="{0,8421504}" orient="3"/>
          <hstyle colors="{0,8421504}" orient="3" border="2" tcolor="255"/>
          <hstyle colors="{0,12632256}" orient="3"/>
        </property>
        <property name="TextColor">16777215</property>
        <property name="TextLeft">50</property>
        <property name="BtnBitmap">[C:\SGCMARIADB\WHITE_ICON\power-256-30.bmp]</property>
        <property name="BmpLeft">5</property>
        <property name="BmpTop">5</property>
      </style>
      <method name="onClick">
        <![CDATA[hwg_EndDialog()
]]>
      </method>
    </part>
  </part>
  <part class="toolbar">
    <style>
      <property name="Geometry">{201,80,1029,937}</property>
      <property name="Name">[oToolbar4]</property>
      <property name="Anchor">195</property>
      <property name="BackColor">0</property>
      <property name="hstyle">
        <hstyle colors="{8421504}" orient="1"/>
      </property>
    </style>
  </part>
</part>

XML da tela de menu

[asimoes]

Qual versão da Hwgui está usando? se for a 2.2 provavelmente não irpa funcionar na 2.7, ai eu passo.

[asimoes]

Fernando, não deu erro, mas não tenho os icones para testar

[Fernando queiroz]

baixei daqui:
https://www.iconsdb.com/white-icons/

peguei todos com 256 e converti para 32 e de .PNG para .BMP

[asimoes]

Isso ai é só complicação quero simplicidade

[JoséQuintas]

Querendo ou não, a cor ajuda a escolher mais rápido.

Indo devagar pra um colorido intermediário, procurando usar uma cor pra cada grupo de uso.

[asimoes]

Querendo ou não, a cor ajuda a escolher mais rápido.

Quintas,

Tá usando ICON com BACKCOLOR BLACK é isso?

[JoséQuintas]

Não. É ícone transparente mesmo, e é GTWVG.
NA HWGUI precisa alterar aonde desenha imagem, porque em Windows ícone não é igual imagem.
Se comparar o fonte HWGUI X GTWVG, vai ver isso.

Sobre o button que mencionou antes.....
O button no padrão Windows não pode ser alterado, fica limitado ao que foi pré determinado.
A opção é fazer um controle totalmente do usuário.

Mas no meu caso, usei o ícone mesmo, equivalente ao SAY ICON da HWGUI.