https://pt.scribd.

com/doc/252380900/58/TPANEL

http://blogadvpl.com/v2/modificando-imagens-padrao-e-tema-do-
protheus/3/

http://www.blacktdn.com.br/2012/09/blacktdn-customizando-interface-
de.html

http://doc.qt.io/qt-4.8/stylesheet-examples.html

Tabela de componentes (DePara). Válida para SmartClient 131227A

ou superior.

Equivalent
Componente ADVPL
e Qt

TButtonSButtonTBrowseButtonTBtnBmpTBtnBmp2THB QPushButton
utton

TCBrowseBrGetDDbMsBrGetDBaseMsSelBrTSBrowse QTableWidg
TWBrowseVCBrowse et

TCColumn QTableWidg
etItem

TCheckBox QCheckBox

TComboBox QComboBox

TFolder QTabBar

TGet QLineEdit

TGrid QTableView

TGroup QGroupBox

TListBox QListWidget

TMeter QProgressB
ar

TMsgBar QStatusBar

TMsgItem QLabel

TMultiGet QTextEdit
 Equivalent
Componente ADVPL
e Qt

TPanel QLabel

TRadMenu QRadioButto
n

TSay QLabel

TScrollArea QScrollArea
TScrollBox

TSimpleEditor QTextEdit

TSlider QSlider

TSpinBox QSpinBox

TSplitter QSplitter

TToolBox QToolBox

TTree QTreeWidget

http://blogadvpl.com/v2/que-tal-montar-suas-telas-em-um-formato-
diferente-parte-3/
http://tdn.totvs.com/display/framework/Desenhador+MVC

#include "Totvs.ch"

User Function tGetCss()

Local cNome := Space(100) //Irei declarar uma variável chamada cNome do tipo string para o meu
campo nome
Local cEstiloNom := "" //Irei declarer uma variavel chamada cEstiloNom do tipo string para inserir
meu estilo

//Irei criar uma janela

DEFINE DIALOG oDlg TITLE "Usando estilos CSS no Protheus" FROM 180,180 TO 550,700 PIXEL

/*Para funcionar, é preciso utilizar a classe QLineEdit ele será responsável para o correto
desenvolvimento do estilo que será utilizado no meu objeto.
Para quem já conhece CSS, verá que é exatamente o mesmo código utilizado para uma página
web.
A apresentação de imagens nos objetos criados podem ser resgatados de dentro do repositório
(RPO), exemplificando ficaria assim: (rpo:imagemqueexistenorepositorio.png)
*/

cEstiloNom := "QLineEdit{ border: 1px solid gray;border-radius: 5px;background-color:

#ffffff;selection-background-color: #ffffff;"
cEstiloNom += "background-image:url(rpo:responsa.png); "
cEstiloNom += "background-repeat: no-repeat;"
cEstiloNom += "background-attachment: fixed;"
cEstiloNom += "padding-left:25px; "
cEstiloNom += "}"

/*Agora criamos o nosso objeto tGet normalmente*/

oNome := TGet():New( 01,10,{|| cNome
},oDlg,200,011,"",,0,,,.F.,,.T.,,.F.,,.F.,.F.,,.F.,.F.,,"cNome",,,,,,,"Nome: ",1 )

/*Neste momento, para definirmos o estilo, usaremos a propriedade SetCss, no qual informaremos
a ela a variavel que contém o estilo que criamos anteriormente.*/
oNome:SetCss(cEstiloNom)

//Finalizamos a janela
ACTIVATE DIALOG oDlg CENTERED

Return

#INCLUDE 'TOTVS.CH'
User Function fBtnCSS()
Local cEstilo1,cEstilo2,cEstilo3 //Crio um estico para cada botão, não é necessário caso todos
sejam iguais

DEFINE DIALOG oDlg TITLE "Usando estilos CSS no Protheus" FROM 180,180 TO 350,700 PIXEL

//Irei utilizar a classe QPushButton, ela é responsável em criar a formatação do botão.

cEstilo1 := "QPushButton {"
//Usando a propriedade background-image, inserimos a imagem que será utilizada, a imagem
pode ser pega pelo repositório (RPO)
cEstilo1 += " background-image: url(rpo:totvsprinter_spool.png);background-repeat: none;
margin: 2px;"
cEstilo1 += " border-style: outset;"
cEstilo1 += " border-width: 2px;"
cEstilo1 += " border: 1px solid #C0C0C0;"
cEstilo1 += " border-radius: 5px;"
cEstilo1 += " border-color: #C0C0C0;"
cEstilo1 += " font: bold 12px Arial;"
cEstilo1 += " padding: 6px;"
cEstilo1 += "}"

//Na classe QPushButton:pressed , temos o efeito pressed, onde ao se pressionar o botão ele
muda
cEstilo1 += "QPushButton:pressed {"
cEstilo1 += " background-color: #e6e6f9;"
cEstilo1 += " border-style: inset;"
cEstilo1 += "}"

cEstilo2 := "QPushButton {background-image: url(rpo:totvsprinter_pdf.png);background-repeat:

none; margin: 2px; "
cEstilo2 += " border-style: outset;"
cEstilo2 += " border-width: 2px;"
cEstilo2 += " border: 1px solid #C0C0C0;"
cEstilo2 += " border-radius: 0px;"
 cEstilo2 += " border-color: #C0C0C0;"
cEstilo2 += " font: bold 12px Arial;"
cEstilo2 += " padding: 6px;"
cEstilo2 += "}"
cEstilo2 += "QPushButton:pressed {"
cEstilo2 += " background-color: #e6e6f9;"
cEstilo2 += " border-style: inset;"
cEstilo2 += "}"

cEstilo3 := "QPushButton {background-image: url(rpo:totvsprinter_email.png);background-

repeat: none; margin: 2px;}"

//Cria-se os botoes normalmente, para mais detalhes das opções do botão acesse o TDN
(http://tdn.totvs.com/display/tec/TButton)
//O espaço entre a primeira aspa e o texto do botão, é necessário pois é neste espaço que a
imagem entra
oBtnImprimir := TButton():New(10,010," Imprimir" ,oDlg,{|| Alert('Botão Imprimir com
efeito') },50,20,,,.F.,.T.,.F.,,.F.,,,.F. )
oBtnPDF := TButton():New(10,070," Gerar PDF" ,oDlg,{|| Alert('Botão Gerar PDF
com efeito') },60,20,,,.F.,.T.,.F.,,.F.,,,.F. )
oBtnEmail := TButton():New(10,140," Enviar E-mail" ,oDlg,{|| Alert('Botão Enviar E-
mail com efeito') },60,20,,,.F.,.T.,.F.,,.F.,,,.F. )

/*Neste momento, para definirmos o estilo, usaremos a propriedade SetCss, no qual

informaremos a ela a variavel que contém o estilo que criamos anteriormente.*/
oBtnImprimir:SetCss(cEstilo1)
oBtnPDF:SetCss(cEstilo2)
oBtnEmail:SetCss(cEstilo3)

ACTIVATE DIALOG oDlg CENTERED

Return

#INCLUDE 'TOTVS.CH'
#INCLUDE 'ESTILOS.CH' //Incluo o arquivo que deverá ser criado com o nome ESTILOS.CH
User Function fBtnCSS()
DEFINE DIALOG oDlg TITLE "Usando estilos CSS no Protheus" FROM 180,180 TO 350,700 PIXEL

//Cria-se os botoes normalmente, para mais detalhes das opções do botão acesse o TDN
(http://tdn.totvs.com/display/tec/TButton)
//O espaço entre a primeira aspa e o texto do botão, é necessário pois é neste espaço que a
imagem entra
oBtnImprimir := TButton():New(10,010," Imprimir" ,oDlg,{|| Alert('Botão Imprimir com
efeito') },50,20,,,.F.,.T.,.F.,,.F.,,,.F. )
oBtnPDF := TButton():New(10,070," Gerar PDF" ,oDlg,{|| Alert('Botão Gerar PDF
com efeito') },60,20,,,.F.,.T.,.F.,,.F.,,,.F. )
oBtnEmail := TButton():New(10,140," Enviar E-mail" ,oDlg,{|| Alert('Botão Enviar E-
mail com efeito') },60,20,,,.F.,.T.,.F.,,.F.,,,.F. )

/*Neste momento, para definirmos o estilo, usaremos a propriedade SetCss, no qual

informaremos a ela a variavel que contém o estilo que criamos anteriormente.*/
oBtnImprimir:SetCss(STYLE0000) //Substituo pela variavel que criei no arquivo estilos.ch
oBtnPDF:SetCss(STYLE0002) //Substituo pela variavel que criei no arquivo estilos.ch
oBtnEmail:SetCss(STYLE0003) //Substituo pela variavel que criei no arquivo estilos.ch

ACTIVATE DIALOG oDlg CENTERED

Return
//Irei utilizar a classe QPushButton, ela é responsável em criar a formatação do botão.
#define STYLE0000 "QPushButton {" +;
" background-image: url(rpo:totvsprinter_spool.png);background-repeat: none;
margin: 2px;" +;
" border-style: outset;" +;
" border-width: 2px;" +;
" border: 1px solid #C0C0C0;" +;
" border-radius: 5px;" +;
" border-color: #C0C0C0;" +;
" font: bold 12px Arial;" +;
" padding: 6px;" +;
"}" +;
"QPushButton:pressed {background-color: #e6e6f9;border-style: inset;}"

#define STYLE0002 "QPushButton {background-image: url(rpo:totvsprinter_pdf.png);background-

repeat: none; margin: 2px; " +;
" border-style: outset;" +;
" border-width: 2px;" +;
" border: 1px solid #C0C0C0;" +;
" border-radius: 0px;" +;
" border-color: #C0C0C0;" +;
" font: bold 12px Arial;" +;
" padding: 6px;" +;
"}" +;
"QPushButton:pressed {background-color: #e6e6f9;border-style: inset;}"

#define STYLE0003 "QPushButton {background-image:

url(rpo:totvsprinter_email.png);background-repeat: none; margin: 2px;}"

TSCROLLBOX()


Descrição:
Classe de objetos visuais do tipo controle – tScrollbox, a qualpermite criar um painel com scroll
deslizantes nas laterais(horizontais e verticais) do controle.

Propriedades:
- Herdadas das classes superiores


Construtor:
New([aoWnd], [anTop], [anLeft], [anHeight], [anWidth],[alVertical], [alHorizontal], [alBorder])

Parâmetros:
aoWndObjeto, opcional. Janela ou controle onde o controle
serácriado.anTop Numérico, opcional. Coordenada vertical em pixels.anLeft Numérico, opcional. Coorden
ada horizontal em pixels.anHeight Numérico, opcional. Altura do controle em pixels.anWidth Numérico, o
pcional. Largura do controle em pixels.alVertical Lógico, opcional. Se .T. exibe a barra de scroll vertical.al
Horizontal Lógico, opcional. Se .T. exibe a barra de scroll horizontal.alBorder Lógico, opcional. Se .T. exib
e a borda do controle.

Aparência: