使用每个绑定图像添加按钮和文本块

时间:2016-08-29 08:09:33

标签: c# xaml uwp

我正在开发一个UWP应用,我试图为每个绑定的图像添加两个按钮和一个文本块。

我像这样绑定XAML中的图像; (已更新完整代码)

   <GridView Name="display"
              Margin="30,100,30,5"
              Foreground="#FFFFFF"
              IsItemClickEnabled="True"
              ItemClick="display_ItemClick"
              ItemsSource="{Binding}">

        <GridView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Vertical">
                    <Image Width="240"
                           Height="240"
                           Source="{Binding Path=Image}" />

                    <StackPanel Name="buttonPanel" 
                                Orientation="Horizontal" 
                                Margin="0,-45,10,0"
                                HorizontalAlignment="Center">
                        <Button Name="button_minus" 
                                Content="-" 
                                Width="40" 
                                Height="30" 
                                Click="eksi_click" 
                                FontWeight="Bold">
                            <Button.Background>
                                <ImageBrush ImageSource="Assets/btn2.png" Stretch="Fill" />
                            </Button.Background>
                        </Button>
                        <Border Background="White" CornerRadius="10" Height="30">
                            <TextBlock x:Name="popupNumber"
                                       Width="50"
                                       Height="25"
                                       Margin="0,6,0,0"
                                       Text="{Binding Path=numberOfCopy}"
                                       TextAlignment="Center">
                            </TextBlock>
                        </Border>
                        <Button Name="button_plus" Content="+" Width="40" Height="30" Click="artı_Click" FontWeight="Bold">
                            <Button.Background>
                                <ImageBrush ImageSource="Assets/btn2.png" Stretch="Fill" />
                            </Button.Background>
                        </Button>
                    </StackPanel>


                </StackPanel>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>

我添加了一个stackpanel,其中包含我注释掉的代码区域中的Buton-TextBlock-Button格式。当我这样做时,一些按钮不起作用,我实际上并不知道这是完成任务的最佳方式。

当我启动程序时,某些按钮无法点击。我可以在用户界面中看到它们,但我无法点击它们。最尴尬的事情是只在UI的特定区域,按钮不可用。

我的点击事件很好,我有一些约束性的问题,我想知道它是否适合这样的事情。这是我使用的方式导致绑定问题吗?

在每个TextBlock中,每个图像的值应该不同,我无法访问.cs文件中的按钮和文本块,因为它们位于DataTemplate中。所以我可能会以错误的方式这样做。

那么,您是否有任何解决方案可以为Datatemplate中的每个绑定图像添加按钮和文本块?我不确定我的方式是最好的方式。

非常感谢任何帮助。

感谢。

0 个答案:

没有答案