Cómo: Crear un control que tenga tecla de acceso y ajuste de texto

  • Artículo

En este ejemplo se explica cómo crear un control que tenga una clave de acceso y que admita el ajuste de texto. En el ejemplo se usa un control Label para ilustrar estos conceptos.

Ejemplo

Agregar el ajuste de texto a la etiqueta

El control Label no admite el ajuste de texto. Si necesita una etiqueta que ajuste el texto en varias líneas, puede anidar otro elemento que sí admita el ajuste de texto y colocarlo dentro de la etiqueta. En el ejemplo siguiente se muestra cómo utilizar TextBlock para crear una etiqueta que ajusta el texto en varias líneas.

<Label Width="200" HorizontalAlignment="Left">
  <TextBlock TextWrapping="WrapWithOverflow">
    A long piece of text that requires text wrapping
    goes here.
  </TextBlock>
</Label>

Agregar una tecla de acceso y el ajuste de texto a la etiqueta

Si necesita un control Label que tenga una tecla de acceso, utilice el elemento AccessText que está dentro de Label.

Algunos controles, tales como Label, Button, RadioButton, CheckBox, MenuItem, TabItem, Expander y GroupBox, tienen plantillas de control predeterminadas. Estas plantillas contienen un objeto ContentPresenter. Una de las propiedades que se pueden establecer para ContentPresenter es RecognizesAccessKey="true", que se puede utilizar para especificar una tecla de acceso para el control.

En el ejemplo siguiente se muestra cómo crear un control Label que tiene una tecla de acceso y admite el ajuste de texto. Para habilitar el ajuste de texto, en el ejemplo se establece la propiedad TextWrapping y se utiliza un carácter de subrayado para especificar la tecla de acceso. (El carácter que sigue inmediatamente al carácter de subrayado es la tecla de acceso).

<TextBox Name="textBox1" Width="50" Height="20"/>
<Label Width="200" HorizontalAlignment="Left"
       Target="{Binding ElementName=textBox1}">
  <AccessText TextWrapping="WrapWithOverflow">
    _Another long piece of text that requires text wrapping
    goes here.
  </AccessText>
</Label>

Vea también