ButtonedEdit

Conhecendo o componente

A VCL do Delphi possui muitos recursos visuais, todos os recursos dos componentes visuais das APIs do Windows estão inclusos em seus componentes, ou seja, se o windows possui um controle, basta procurar no Delphi em seus componentes nativos que certamente ele vai estar lá, isso dá-se pela constante evolução da IDE que tem acompanhado lado a lado a evolução do Microsoft Windows.
Um componente muito interessante e que muita gente opta por usar componentes de terceiros e não o nativo (as vezes por não explorar os recursos da IDE), é o ButtonedEdit. Trata-se de um Edit (com todas as suas propriedades nativas) com um botão que se alinha a mesma, vou estar mostrando um pouco das propriedades que ela possui a mais.

O visual que teremos será algo assim




Vamos as propriedades "a mais" que ela possui do que uma Edit normal...

Images: Essa propriedade já é velha conhecida, serve para vincularmos uma Imagelist a mesma, essas imagens são as imagens dos botões que poderemos usar na Edit como na imagem acima.

TextHint: Essa é uma das propriedades mais bacanas desse controle, ela coloca um texto em desfoco dentro da própria edit, que no momento do foco sai e dá lugar ao texto inserido. Essa propriedade somente funcionará se o método ShowHint estiver ativo, então se for utilizá-lo não esqueça de ativá-lo.

+LeftButton: Ao expandir temos as propriedades do botão esquerdo.
+RightButton: Ao expandir temos as propriedades do botão direito.

Esse controle permite que você utilize imagens tanto do lado direito quanto esquerdo, logo, veremos uma a uma, já sabendo que ambas fazem a mesma coisa, só que uma no botão direito e a outra no botão esquerdo, lógico! Vamos ver...

CustomHint: Essa propriedade aceita ser vinculada ao Hint Customizado (veremos esse recurso em outro post).
DisabledImageIndex: Aqui você vinculará a imagem que será exibida quando o botão estiver desabilitado.
DropDownMenu: Essa propriedade diz a qual menu suspenso (aquele que acionamos com o botão esquerdo do mouse) está vinculado a nossa Edit.
Enabled: Indica se o botão estará habilitado ou desabilitado.
Hint: Esse é o Hint do respectivo botão (não confunda-os com o Hint da Edit em si).
HotImageIndex: Aqui você deve setar (se quiser, lógico) uma imagem que se alternará com a imagem do botão no momento que o mouse passar por cima dele.
ImageIndex: Essa sim, é a propriedade que seta a imagem que será atribuída ao botão!!!
PressedImageIndex: Essa propriedade diz qual imagem será exibida no botão no momento que o mesmo for pressionado.
Visible: Indica se o botão estará visível ou não.

Como a dica foi só para um componente e não há muito código envolvido, coloquei um exemplo para download, uma tela com Edits e ao clicar no botão da ButtonedEdit as mesma se apaga sozinha, envolvendo alguns recursos da mesma. Adaptem a necessidade que preferir e mãos a obra pessoal.

Imagem do exemplo:

No exemplo acima coloquei um outro Edit somente para que a ButtonedEdit perca o foco e vocês possam visualizar um dos recursos mais interessantes da mesma que é o TextHint.

Exemplo feito no Delphi XE8
Donwload

Obrigado a todos e até o próximo artigo!!!