2016-05-12 9 views
0

Я пытаюсь создать плавающую кнопку в своем приложении WPF. В настоящее время у меня есть следующие:Как создать плавающую кнопку в 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> 

, который имеет окно списка с просмотра прокрутки и кнопки за пределами списка. Когда я нажимаю кнопку, он печатает «Hello World» в списке. Я хотел бы добавить кнопку в поле списка, и когда я прокручу вниз, в поле списка будет плавать кнопка. Есть какой-либо способ сделать это?

Примечание: Я начинаю начинать, когда дело доходит до WPF.

EDIT: Вот, по сути, что я хочу: enter image description here

+1

У вас есть образ того, что вы подразумеваете под «плавающей кнопкой»? –

+2

Внутри сетки элементы будут перекрываться. Просто переместите строки кнопки после списка и установите HorizontalAlignment и VerticalAlignment в нужную позицию. – omarmallat

+0

О, ничего себе, это было легко. Благодаря! –

ответ

0

Так уходит из @ omarmallat своего комментария, способ сделать это

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

У меня был запас, так что кнопка не была прямо в углу и предоставил немного, но простор. Убедитесь, что тег кнопки находится внутри метки сетки!

Смежные вопросы