Partilhar via


Caixa de ferramentas

A janela da Toolbox mostra controlos que podes adicionar a projetos do Visual Studio. Para abrir a Toolbox, escolha Ver>Toolbox na barra de menus, ou pressione Ctrl+Alt+X.

Captura de ecrã da janela Toolbox a mostrar as opções na secção Containers.

Podes arrastar e largar diferentes controlos na superfície do designer que estás a usar, e redimensionar e posicionar os controlos.

O Toolbox aparece em conjunto com vistas de designer, como a vista de designer de um ficheiro XAML ou de um projeto Windows Forms App. O Toolbox mostra apenas os controlos que podem ser usados no designer atual. Pode pesquisar dentro da Caixa de Ferramentas para filtrar melhor os itens que aparecem.

Observação

Para alguns tipos de projetos, o Toolbox pode não mostrar nenhum item.

A versão .NET que o seu projeto tem como alvo também afeta o conjunto de controlos visíveis no Toolbox. Pode alterar a versão do framework de destino a partir das páginas de propriedades do projeto, se necessário. Selecione o nó do projeto no Explorador de Soluções e, na barra de menus, escolhaPropriedades do projeto Nome do Projeto>. No separador Aplicação , use o menu suspenso Target framework .

Captura de ecrã da caixa de diálogo da Aplicação a mostrar as opções no menu suspenso do framework Target.

Gerir a janela da Caixa de Ferramentas e os seus controlos

Por defeito, o Toolbox está dobrado ao longo do lado esquerdo do IDE do Visual Studio e aparece quando o cursor é movido sobre ele. Podes fixar o Toolbox (clicando no ícone Pin na sua barra de ferramentas) para que fique aberto quando moves o cursor. Também podes desacoplar a janela da Toolbox e arrastá-la para qualquer lugar do ecrã. Pode acoplar, desacoplar e esconder a Toolbox clicando com o botão direito na barra de ferramentas e selecionando uma das opções.

Sugestão

Se a Toolbox já não aparecer como colapsada no lado esquerdo do IDE do Visual Studio, pode adicioná-la novamente escolhendoRedefinir Layout da Janela> na barra de menus.

Pode reorganizar os itens numa aba Toolbox ou adicionar separadores e itens personalizados usando os seguintes comandos no menu contextual do clique direito:

  • Renomear Item - Renomear o item selecionado.

  • Vista de Lista - Mostra os controlos numa lista vertical. Se não estiver ativado, os controlos aparecem na horizontal.

  • Mostrar Tudo - Mostra todos os controlos possíveis (não apenas os que se aplicam ao designer atual).

  • Escolher Itens - Abre a caixa de diálogo Escolher Itens da Caixa de Ferramentas para que possa especificar os itens que aparecem na Caixa de Ferramentas. Pode mostrar ou esconder um item selecionando ou apagando a sua caixa de seleção.

  • Ordenar os itens por ordem alfabética - Ordena os itens por nome.

  • Reiniciar Barra de Ferramentas - Restaura as definições e itens padrão da Toolbox .

  • Adicionar separador - Adiciona um novo separador da Caixa de Ferramentas .

  • Move Up - Move o item selecionado para cima.

  • Mover para baixo - Move o item selecionado para baixo.

Criar e distribuir controlos personalizados do Toolbox

Pode criar controlos personalizados no Toolbox , começando com um modelo de projeto baseado no Windows Presentation Foundation ou no Windows Forms. Pode então distribuir o seu controlo personalizado aos seus colegas de equipa, ou publicá-lo na web usando o Toolbox Controls Installer.

Caixa de ferramentas, separador Componentes

Componentes de exibição que pode adicionar aos designers do Visual Basic e C# para Windows Forms. Para além dos componentes .NET incluídos no Visual Studio, como os MessageQueue componentes and EventLog , pode adicionar componentes seus próprios ou de terceiros a este separador.

Para mostrar este separador, abra um designer Windows Forms. Selecionar Ver>Caixa de Ferramentas. Na Toolbox, selecione o separador Componentes.

Components

Trabalhador de Antecedentes

Cria uma BackgroundWorker instância de componente que pode executar uma operação numa thread separada e dedicada. Para mais informações, consulte o componente BackgroundWorker.

DiretórioEntrada

Cria uma DirectoryEntry instância de componente que encapsula um nó ou objeto na hierarquia do Active Directory e pode ser usada para interagir com fornecedores de serviços do Active Directory.

DirectorySearcher

Cria uma DirectorySearcher instância de componente que podes usar para realizar consultas no Active Directory.

ErrorProvider

Cria uma ErrorProvider instância de componente, que indica ao utilizador final que um controlo num formulário tem um erro associado. Para mais informações, consulte o componente ErrorProvider.

EventLog

Cria uma EventLog instância de componente que podes usar para interagir com registos de eventos do sistema e personalizados, incluindo escrever eventos num registo e ler dados de registo.

FileSystemWatcher

Cria uma FileSystemWatcher instância de componente que podes usar para monitorizar alterações em qualquer diretório ou ficheiro ao qual tenhas acesso.

HelpProvider

Cria uma HelpProvider instância de componente que fornece pop-up ou ajuda online para controlos. Para mais informações, consulte o componente HelpProvider.

Lista de imagens

Cria uma ImageList instância de componente que fornece métodos para gerir uma coleção de Image objetos. Para mais informações, consulte o componente ImageList.

MessageQueue

Cria uma MessageQueue instância de componente que pode usar para interagir com filas de mensagens, incluindo ler mensagens e escrever mensagens para filas, processar transações e realizar tarefas de administração de filas.

PerformanceCounter

Cria uma PerformanceCounter instância de componente que pode usar para interagir com contadores de desempenho do Windows, incluindo criar novas categorias e instâncias, ler valores dos contadores e realizar cálculos sobre dados de contadores.

Processo

Cria uma Process instância de componente que podes usar para parar, iniciar e manipular os dados associados aos processos no teu sistema.

SerialPort

Cria uma SerialPort instância de componente que fornece E/S síncrona e orientada por eventos, acesso a estados de pino e interrupção, e acesso às propriedades do driver serial.

ServiceController

Cria uma ServiceController instância de componente que podes usar para manipular serviços existentes, incluindo iniciar e parar serviços e enviar comandos para eles.

Temporizador

Cria uma Timer instância de componente que podes usar para adicionar funcionalidades baseadas no tempo às tuas aplicações baseadas no Windows. Para mais informações, consulte o componente do temporizador.

Observação

Existe também um sistema Timer baseado em sistemas que pode adicionar à Toolbox . Este Timer é otimizado para aplicações servidoras, e o Windows Forms Timer é mais adequado para uso em Windows Forms.

Toolbox, separador HTML

O separador HTML da Toolbox fornece componentes úteis em páginas web e formulários web. Para visualizar este separador, abra primeiro um documento para edição no designer HTML. No menu Visualizar , clique em Toolbox e depois no separador HTML da Toolbox.

Para criar uma instância de uma ferramenta no separador HTML , faça duplo clique na ferramenta para a adicionar ao seu documento no ponto de inserção atual, ou selecione a ferramenta e arraste-a para a posição desejada na superfície de edição.

As seguintes ferramentas estão disponíveis por defeito no separador HTML.

Ponteiro

Captura de ecrã de ASP.NET ponteiro de página HTML do Mobile Designer.

Esta ferramenta é selecionada por defeito quando qualquer separador da Toolbox se abre. Não pode ser apagado. O ponteiro permite-lhe arrastar objetos para a superfície de visualização de Design, redimensioná-los e reposicioná-los na página ou formulário.

Input (Botão)

Captura de ecrã do botão da página web em HTML.

Insere um input elemento de type="button". Para alterar o texto que é exibido, edite a propriedade name . Por defeito, id="Button1" é inserido para o primeiro botão, id="Button2" para o segundo, e assim sucessivamente.

Quando arrasta Input (Botão) para a superfície da vista de Design, a marcação HTML como o seguinte é inserida no seu documento:

<input id="Button1" type="button" value="Button" name="Button1">

Entrada (Reiniciação)

Captura de ecrã do HTMLpageResetButton.

Insere um input elemento de type="reset". Para alterar o texto que é exibido, edite a propriedade name . Por defeito, id="Reset1" é inserido para o primeiro botão de reset, id="Reset2" para o segundo, e assim sucessivamente.

Quando arrasta Input (Reset) para a superfície da vista de Design, a marcação HTML como o seguinte é inserida no seu documento:

<input id="Reset1" type="reset" value="Reset" name="Reset1">

Input (Submeter)

Captura de ecrã do HTMLpageToolbarSubmitButton.

Insere um input elemento de type="submit". Para alterar o texto que é exibido, edite a propriedade name . Por defeito, id="Submit1" é inserido para o primeiro botão de submissão, id="Submit2" para o segundo, e assim sucessivamente.

Quando arrastas Input (Submeter) para a superfície da visualização de Design, a marcação HTML como a seguinte é inserida no teu documento:

<input id="Submit1" type="submit" value="Submit" name="Submit1">

Entrada (Texto)

Captura de ecrã de HTMLpageToolbarTextField.

Insere um input elemento de type="text" no seu documento. Para alterar o texto predefinido que é exibido, edite o value atributo. Por defeito, id="Text1" é inserido para o primeiro campo de texto, id="Text2" para o segundo, e assim sucessivamente.

Quando arrastar Input (Texto) para a superfície da vista Design, a marcação HTML como o seguinte é inserida no seu documento:

<input id="Text1" TYPE="text" value="Text Field" name="Text1">

Importante

Recomenda-se que valide todas as entradas do utilizador. Para mais informações, consulte Validar a Entrada do Utilizador em ASP.NET Web Pages (Razor) Sites.

Entrada (ficheiro)

Captura de ecrã do Campo de Ficheiro da página HTML.

Insere um input elemento de type="file" no seu documento. Por defeito, id="File1" é inserido para o primeiro campo de ficheiro, id="File2" para o segundo, e assim sucessivamente.

Quando arrasta Input (Ficheiro) para a superfície da visualização de Design, uma marcação HTML como a seguinte é inserida no seu documento:

<input id="File1" type="file" name="File1">

Importante

Recomenda-se que valide todas as entradas do utilizador. Para mais informações, consulte Validar a Entrada do Utilizador em ASP.NET Web Pages (Razor) Sites.

Introdução (Palavra-passe)

Captura de ecrã do campo de palavra-passe do Visual Studio.

Insere um input elemento de type="password". Por defeito, id="Password1" é inserido para o primeiro campo de palavra-passe, id="Password2" para o segundo, e assim sucessivamente.

Quando arrastas Input (Password) para a superfície da visualização de Design, a marcação HTML como o seguinte é inserida no teu documento:

<input id="Password1" type="password" name="Password1">

Importante

Se a sua aplicação transmitir nomes de utilizador e palavras-passe, deve configurar o seu site para usar a Secure Sockets Layer (SSL) para encriptar a transmissão. Para mais informações, consulte Garantir Ligações. Além disso, recomenda-se que valide todas as entradas do utilizador. Para mais informações, consulte Validar a Entrada do Utilizador em ASP.NET Web Pages (Razor) Sites.

Entrada (Marcar a caixa)

Captura de ecrã da página web HTML Opção de Caixa de Seleção da Caixa de Ferramentas.

Insere um input elemento de type="checkbox". Para alterar o texto que é exibido, edite a propriedade name . Por defeito, id="Checkbox1" é inserido para a primeira caixa de seleção, id="Checkbox2" para a segunda, e assim sucessivamente.

Quando arrastar Input (Caixa de verificar) para a superfície da vista de Design, a marcação HTML como a seguinte é inserida no seu documento:

<input id="Checkbox1" type="checkbox" name="Checkbox1">

Entrada (rádio)

Captura de ecrã do VisualStudioHTMLpageRadioButton.

Insere um input elemento de type="radio". Para alterar o texto que é exibido, edite a propriedade name . Por defeito, id="Radio1" é inserido para o primeiro botão de acesso, id="Radio2" para o segundo, e assim sucessivamente.

Quando arrastas Input (Rádio) para a superfície da visualização de Design, a marcação HTML como o seguinte é inserida no teu documento:

<input id="Radio1" type="radio" name="Radio1">

Entrada (Oculta)

Captura de ecrã do item oculto da página HTML.

Insere um input elemento de type="hidden". Por defeito, id="Hidden1" é inserido para o primeiro campo oculto, id="Hidden2" para o segundo, e assim sucessivamente.

Quando arrastas Input (Hidden) para a superfície da visualização de Design, a marcação HTML como o seguinte é inserida no teu documento:

<input id="Hidden1" type="hidden" name="Hidden1">

Área de texto

Captura de ecrã da área de texto da barra de ferramentas HTMLpage.

Insere um textarea elemento. Pode redimensionar a área do texto ou usar as barras de deslocamento para ver texto que ultrapasse a área de visualização. Para alterar o texto predefinido que é exibido, edite o value atributo. Por defeito, id="textarea1" insere-se a primeira área de texto, id=" textarea 2" a segunda, e assim sucessivamente.

Quando arrastar a área de texto para a superfície da visualização de Design, a marcação HTML como a seguinte é inserida no seu documento:

<textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea>

Importante

Recomenda-se que valide todas as entradas do utilizador. Para mais informações, consulte Validar a Entrada do Utilizador em ASP.NET Web Pages (Razor) Sites.

Tabela

Captura de ecrã de HTMLpageToolbarTable.

Insere um table elemento.

Quando arrastas a Tabela para a superfície da vista Design, a marcação HTML como o seguinte é inserida no teu documento:

<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table>

Image

Captura de ecrã do item da imagem da página HTML.

Insere um img elemento. Edite este elemento para especificar o seu src e o seu alt texto.

Quando arrasta Imagem para a superfície da vista Design, a marcação HTML como o seguinte é inserida no seu documento:

<img alt="" src="">

Selecionar

Captura de ecrã do menu suspenso da página HTML da Toolbox.

Insere um elemento suspenso select (sem atributo size ). Por defeito, id="select1" é inserido na primeira caixa da lista, id="select2" na segunda, e assim sucessivamente.

Quando arrastas Select para a superfície da vista de Design, a marcação HTML como a seguinte é inserida no teu documento:

<select id="select1" name="select1"><option selected></option></select>

Pode criar um elemento multi-linha select aumentando o valor da propriedade de tamanho.

Regra Horizontal

Captura de ecrã da página HTML Item de Regra Horizontal.

Insere um hr elemento. Para aumentar a espessura da linha, edite o size atributo.

Quando arrasta Regra Horizontal para a superfície da vista de Design, a marcação HTML como a seguinte é inserida no seu documento:

<hr width="100%" size=1>

Divisão

Captura de ecrã da etiqueta da página HTML.

Insere um div elemento que inclui um ms_positioning="FlowLayout" atributo. Exceto pela largura e altura, este item é idêntico a um Painel de Layout de Fluxo. Para formatar o texto contido no div elemento, adicione um class="stylename" atributo à etiqueta de abertura.

Quando arrastas o Div para a superfície da visualização de Design, a marcação HTML como o seguinte é inserida no teu documento:

<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>

Caixa de ferramentas, separador de dados

Mostra objetos de dados que podes adicionar a formulários e componentes. O separador Dados da Caixa de Ferramentas aparece quando crias um projeto que tem um designer associado. A Toolbox aparece por defeito no ambiente de desenvolvimento integrado Visual Studio; se precisares de mostrar a Caixa de Ferramentas, seleciona Caixa de Ferramentas no menu Visualizar .

Sugestão

Executar o Assistente de Configuração da Fonte de Dados cria e configura automaticamente a maioria dos itens de dados. Para mais informações, consulte Adicionar novas fontes de dados.

Para ir diretamente à página de referência .NET de um componente, pressione F1 no item na Toolbox ou no item componente na bandeja do designer.

Nome Description
DataSet Adiciona uma instância de um conjunto de dados tipado ou não tipado ao formulário ou componente. Quando arrastas este objeto para um designer, ele mostra uma caixa de diálogo que te permite selecionar uma classe de conjunto de dados tipada existente ou especificar que queres criar um novo conjunto de dados em branco e não tipado. Nota: Não se usa o DataSet objeto na Toolbox para criar um novo esquema e classe de conjunto de dados tipados. Para obter mais informações, consulte Criar e configurar conjuntos de dados.
DataGridView Proporciona uma forma poderosa e flexível de apresentar dados em formato tabular.
BindingSource Simplifica o processo de vincular os controlos a uma fonte de dados subjacente.
BindingNavigator Representa a interface de navegação e manipulação (UI) para controlos num formulário que estão vinculados a dados.

Consulte também