UWP xaml: so zeigen Sie eine Schaltfläche mit Symbol und text?

Wie kann ich ein Bild/icon UND text in einer Schaltfläche?

<StackPanel Name="stackPanel" Orientation="Horizontal" Tapped="stackPanel_Tapped">
    <Button x:Name="button" FontFamily="Segoe MDL2 Assets" Content="&#xE779;" Width="50" Height="50" Background="Transparent" />
    <TextBlock Text="Grades" FontSize="18" VerticalAlignment="Center" />
</StackPanel>

Kann ich hinzufügen eine taplistener dem stackpanel-Element, aber nicht das stackpanel-Steuerelement visual Effekt wie eine echte Taste.

Habe ich auch versucht:

<Button FontFamily="Segoe MDL2 Assets" Width="50" Height="50" x:Name="button" Content="test">
   <Image x:Name="button" Source="Assets/test.png" />
</Button>

Aber kann ich nicht die Inhalte doppelt. Ich will beide text und ein Symbol in einen button, so dass, wenn ein Benutzer darauf klickt, wird es einen visuellen Effekt wie ein Knopf. Ist das möglich? Oder hat jemand eine andere Methode, dies zu erreichen?

Vielen Dank für das Lesen.

  • <Button><StackPanel><Image/><TextBlock/></StackPanel></Button>
  • Vielen Dank, dass hat funktioniert! Wusste nicht, dass Sie das tun könnten.
  • poste es als Antwort so Denny kann es akzeptieren.
InformationsquelleAutor Denny | 2016-12-16
  1. 16

    So, da ich nicht finden konnte eine direkte duplizieren (was ich könnte schwören, dies ist die Art von Frage, die wurde vorher gefragt) ich denke, ich werde liefern eine legitime Antwort.

    Im Herzen der Schaltfläche-Vorlage ist eine ContentPresenter welche Ihnen erlaubt, zu passieren, in jeder CLR-Objekt. Der Nachteil ist aber, dass nur eine übergeben werden können. Wenn das Objekt JEDOCH ist ein panel in der Lage mit Kinder, dann wird es pass alles durch wie der Inhalt.

    So, in diesem Fall, wenn wir es auf diese Weise:

    <Button>
    <Image/>
    <TextBlock/>
</Button>

    Dann wird es nicht und meckern nur ein Objekt darf zu einem Zeitpunkt.

    Außer wenn Sie einen parent-panel zu halten, die Kinder, Sie respektiert es alle als Inhalt, und Sie liefert das gewünschte Ergebnis, als Beispiel:

    <Button>
    <StackPanel>
        <Image/>
        <TextBlock/>
    </StackPanel>
</Button>

    So, da StackPanel ist ein CLR-Objekt kann als host für Kinder, du bist gut zu gehen. Hoffe das hilft, cheers!

    • Ich konnte auch nicht finden, eine direkte Antwort 🙁
    • Dies funktioniert wie erwartet-vielen Dank!
    • tolle Antwort, macht Sie die Taste vollständig flexibel.
    InformationsquelleAutor Chris W.
Schreibe einen Kommentar