2016-05-12 9 views
0

Ich versuche, eine unverankerte Schaltfläche in meiner WPF-Anwendung zu erstellen. Derzeit habe ich folgendes:So erstellen Sie eine unverankerte Schaltfläche in einem WPF

<Grid> 
    <Button Style="{DynamicResource MetroCircleButtonStyle}" Background="#E0E010" Width="50" Height="50" Name="testBtn" Click="testBtn_Click" Margin="374,184,93,35"> 
     <Rectangle Height="20" Width="20" RenderTransformOrigin="0.47,0.456"> 
      <Rectangle.Fill> 
       <VisualBrush Visual="{StaticResource appbar_add}" /> 
      </Rectangle.Fill> 
     </Rectangle> 
    </Button> 
    <ListBox Width="200" Height="200" Name="lbox1" BorderBrush="Black" BorderThickness="5"> 
     <Grid Width="175"> 
      <ScrollViewer CanContentScroll="False" VerticalScrollBarVisibility="Auto" Margin="107,0,0,0"></ScrollViewer> 
     </Grid> 
    </ListBox> 
</Grid> 

, die ein Listenfeld mit einem Bildlauf-Viewer und eine Schaltfläche außerhalb der List-Box hat. Wenn ich auf die Schaltfläche klicke, wird im Listenfeld "Hello World" angezeigt. Ich möchte die Schaltfläche in der Listbox hinzufügen, und wenn ich im Listenfeld nach unten blättern, muss die Schaltfläche frei beweglich sein. Gibt es eine Möglichkeit, dies zu tun?

Hinweis: Ich bin ein vollständiger Anfänger, wenn es um WPF geht.

EDIT: Hier im Wesentlichen ist das, was ich will: enter image description here

+1

Haben Sie ein Bild von dem, was Sie mit "floating button" meinen? –

+2

Innerhalb eines Rasters überlappen sich die Elemente. Verschieben Sie einfach die Zeilen der Schaltfläche nach der Liste und legen Sie HorizontalAlignment und VerticalAlignment auf die gewünschte Position fest. – omarmallat

+0

Oh, wow, das war einfach. Vielen Dank! –

Antwort

0

So abgehend von @ omarmallat Kommentar, die Art und Weise, dies zu tun ist

<Button x:Name="addRowButton" 
        Width="50" 
        Height="50" 
        Margin="1275,330,25,25" 
        HorizontalAlignment="Right" 
        VerticalAlignment="Bottom" 
        Background="#2EFF00" /> 

ich einen Spielraum hatte, so dass die Taste nicht war direkt in der Ecke und bot ein wenig Platz. Stellen Sie sicher, dass sich das Schaltflächen-Tag in Ihrem Grid-Tag befindet!

Verwandte Themen