【问题标题】:Concatenate binding text and static text in source image连接源图像中的绑定文本和静态文本
【发布时间】:2013-03-02 20:31:15
【问题描述】:

是否可以将绑定文本与源图像中的静态文本连接起来 例如:

<Image Name="ImagePlace" Source="http://site.com/image/architecture.png"  Grid.Column="0" />
<Image Name="ImagePlace" Source="{Binding Path=Ico}"  Grid.Column="0" />

我想连接这两个来源。

我有一个名为 Category 的对象列表,其中包含一个 Icon 字段,例如“architecture.png”。我将它绑定在一个列表中。 网址不变,但图片总是在变化。

<ListBox x:Name="ListboxCategories">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                    <Button Name="category" Tag="{Binding Path=Id}" Tap="category_Tap_1">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="2*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Image Name="ImagePlace" Source="http://www.test.com/assets/images/icons/tags/architecture.png"  Grid.Column="0" />
                            <TextBlock Text="{Binding Path=Title}" Grid.Column="1" HorizontalAlignment="Center" />
                            <Image Name="chevron" Grid.Column="2" Source="/Assets/AppBar/White/appbar.chevron.right.png" HorizontalAlignment="Right" Width="50" Height="50" />
                        </Grid>
                    </Button>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

【问题讨论】:

    标签: c# binding windows-phone-8


    【解决方案1】:

    最简洁的方法(嗯,取决于您的架构)是在您的对象中添加一个属性来进行连接:

    public string FullUri 
    { 
        get 
        { 
            return "http://site.com/image/" + this.Ico 
        } 
    }
    

    另一种方法是使用自定义转换器进行连接。

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null)
        {
            return null;
        }
    
        return "http://site.com/image/" + value.ToString(); 
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-04-09
      • 1970-01-01
      • 1970-01-01
      • 2022-11-15
      • 1970-01-01
      • 1970-01-01
      • 2018-02-17
      相关资源
      最近更新 更多