Você está na página 1de 12

Assine o canal RSS

Busca Busca
DotClass
Porqu o conhecimento o que importa
Incio
Sobre
UPM Renomeador
Gerador da sorte
Biblioteca de controles visuais DotClass
VFP e relatrio zebrado
Usando temas no Silverlight
dez
22
Criando controles visuais
.Net,
Dicas
por Julio Goldschmidt
Neste tutorial vou mostrar como criar um controle visual bsico, utilizando C#, este controle no tem
nenhuma funcionalidade em especial, um boto que funciona da seguinte forma, mostrada uma
imagem de um cadeado, e quando ocorrer o clique no boto, o estado do mesmo alterado, este
estado pode ser aberto ou fechado, com isso possvel entender os conceitos e os macetes na
construo de controles visuais.
Vamos iniciar agora.
Crie um projeto Windows form normalmente, neste caso o nome do projeto ficou como Controles
Page 1 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Neste projeto, adicione um User control veja a imagem abaixo para melhor entendimento.
Neste caso, dei o nome do novo controle de BotoEspecial
Feito isso, o container deve ser mostrado em uma nova janela, voc j pode adicionar um boto
comum dentro do container.
Page 2 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
O prximo passo redimensionar o boto e definir sua ancoragem para que acompanhe o tamanho do
container.
Com o boto redimensionado e devidamente ancorado, ser necessrio importar as imagens para dar
sentido ao funcionamento.
Pronto, as duas imagens esto importadas, a imagem inicial deve ser a que est com o cadeado
fechado.
Agora vamos implementar cdigo para dar funcionamento ao controle.
Na classe BotaoEspecial.cs vamos adicionar o seguinte trecho de cdigo dentro da classe:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/ / Def i ne a i magemque ser most r ada na Tool Box
[ Tool boxBi t map( typeof( Syst em. Wi ndows. For ms. But t on) ) ]
publ i c parti al cl ass Bot aoEspeci al : User Cont r ol
{
/ / Pr opr i edade que i ndi ca qual o est ado do cont r ol e
pri vate bool aber t o = fal se;
/ / Pr opr i edade do cont r ol e que i ndi ca o est ado do mesmo
[ Def aul t Val ue( typeof( bool ) , "f al se") ,
Descr i pt i on( "Est ado do cont r ol e, aber t o/ f echado") ]
publ i c bool Aber t o
{
get { return thi s. aber t o; }
set
{
thi s. aber t o = val ue;
Page 3 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Logo aps implementado o cdigo, no evento Click do boto que est dentro do container vamos
inserir o seguinte trecho de cdigo:
Agora o controle j est funcionando precisamos adicionar o controle ao form, desta forma para
adicionarmos o controle ao form, necessrio que o mesmo j esteja na ToolBox como o controle
ainda no deve estar na ToolBox temos que adicion-lo, para isso ser necessrio fazer o seguinte:
Na ToolBox clique com o boto direito do mouse e escolha a opo
Choose items


17
18
19
20
21
22
23
24
25
26
27
28
29
30
/ / Tr oca a i magemconf or me o est ado
i f ( thi s. aber t o)
{
/ / Al t er o a i magemde f undo do bot o
thi s. bt nEspeci al . Backgr oundI mage = Cont r ol es. Pr oper t i es. Resour ces. cadeado_aber t o;
}
el se
{
/ / Al t er o a i magemde f undo do bot o
thi s. bt nEspeci al . Backgr oundI mage = Cont r ol es. Pr oper t i es. Resour ces. cadeado_f echado;
}
}
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/ / Se o est ado f or aber t o, ent o f echa, e vi ce- ver sa
i f ( thi s. aber t o)
{
/ / Al t er o o est ado da var i vel de cont r ol e
thi s. aber t o = fal se;
/ / Al t er o a i magemde f undo do bot o
thi s. bt nEspeci al . Backgr oundI mage = Cont r ol es. Pr oper t i es. Resour ces. cadeado_f echado;
}
el se
{
/ / Al t er o o est ado da var i vel de cont r ol e
thi s. aber t o = true;
/ / Al t er o a i magemde f undo do bot o
thi s. bt nEspeci al . Backgr oundI mage = Cont r ol es. Pr oper t i es. Resour ces. cadeado_aber t o;
}
Page 4 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Na caixa que foi mostrada escolha a aba .NET Framework Components como o controle ainda no
est na lista, necessrio adicion-lo, para isso clique no boto Browse e localize o arquivo do
executvel gerado, pode ser o executvel de debug mesmo, se no encontrar, ser necessrio compilar
pelo menos uma vez o projeto para que o executvel seja gerado.
Aps localizado o executvel, o controle j deve aparecer na lista, agora basta clicar em Ok para que
o controle j aparea na ToolBox
Page 5 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Pronto, o controle ja est na ToolBox, agora basta us-lo no form, para testar seu funcionamento.
Estado fechado
Page 6 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Estado aberto
Perceba tambm, que como definimos uma propriedade para o controle, possvel trocarmos o estado
inicial do controle, veja que a propriedade mostrada na lista de propriedades do controle quando em
desenvolvimento.
Page 7 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
isso ae, tutorial rpido, simples e fcil sobre como criar controles visuais, usei o Visual Studio 2010
para fazer a programao, se desejar dar uma olhada no cdigo voc pode fazer o download da
soluo Controles
Abrao
Tags: C#, componente, controle, controle personalizado, controles, criar controle, csharp, desenvolver
controles, dotclass, projeto, visual, Visual Studio, Visual Studio 2010, VS
5 comentrios
1.
Maicon O. Schuetz disse:
27 de janeiro de 2011 em 08:46 (UTC -3)
Responder
Cara!!! Muito interessante mesmo, parabns pelo artigo!!!
1. Error: No foi possvel criar o diretrio wp-content/uploads/2014/10. O diretrio pai
possui permisso de escrita?
Page 8 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Julio Goldschmidt disse:
27 de janeiro de 2011 em 10:46 (UTC -3)
Responder
Opa, legal que gostou do artigo Maicon, logo logo outros muito interessantes sero
publicados.
Abrao
2.
albert disse:
11 de novembro de 2012 em 21:41 (UTC -3)
Responder
O melhor que encontrei, os outros ficaram muito vagos.
3.
Diego disse:
14 de maio de 2013 em 10:04 (UTC -3)
Responder
Simples e Bem explicado, legal mann!!!
1. Error: No foi possvel criar o diretrio wp-content/uploads/2014/10. O diretrio pai
possui permisso de escrita?
Julio Goldschmidt disse:
15 de maio de 2013 em 18:48 (UTC -3)
Responder
Obrigado Diego
abrao
Deixe uma resposta
Seu e-mail no ser publicado.
Page 9 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Nome:
E-mail:
Website:
Mensagem:

Voc pode usar estas tags e atributos HTML: <a hr ef ="" t i t l e=""> <abbr t i t l e=""> <acr onym
t i t l e=""> <b> <bl ockquot e ci t e=""> <ci t e> <code> <del dat et i me=""> <em> <i > <q
ci t e=""> <st r i ke> <st r ong>
Enviar comentrio
Enviar comentrio
Tpicos recentes
Troca de luz interna do celta para led
SQL Server escape para aspa simples
Filtrar resultado da sp_who, sp_who2 e sp_who3
C#modelos singleton para usar
.NET There is already an open DataReader associated with this Command which must be
closed first.
Categorias
.Net
Dicas
Dinheiro
Estudos
Internet
Sem categoria
SQL
Textos
Anncios
Page 10 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
Tags
.Netalemo ANSI ASCII ASCII code ASP .NET C#caracter character charts code controlescsharp destino dinheiro
dotclasseconomia ENEM ENEM 2011ferramenta FoxPro HTML IIS importar ingls Internet Internet Information Services
MEC motivao online pensamentoplanejamento ProUni relatrio sistema monetrio SISU SQL SQL Server symbols Tabela
ascii tecnologia Unicode valor vestibular VFP
Arquivos
outubro 2013
setembro 2013
agosto 2013
julho 2013
Page 11 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244
junho 2013
fevereiro 2013
dezembro 2012
novembro 2012
outubro 2012
agosto 2012
julho 2012
maio 2012
abril 2012
maro 2012
fevereiro 2012
janeiro 2012
dezembro 2011
novembro 2011
outubro 2011
setembro 2011
agosto 2011
julho 2011
maio 2011
abril 2011
fevereiro 2011
janeiro 2011
dezembro 2010
novembro 2010
outubro 2010
setembro 2010
Sigam-nos os bons
DotClass todos os direitos reservados
Page 12 of 12 C#criando controles visuais | DotClass
13/10/2014 http://www.dotclass.com.br/portal/?p=244

Você também pode gostar