首页新闻找找看学习计划

Window phone 怎样让一个图片绑定显示两列,谢谢

0
悬赏园豆:20 [待解决问题]

<Grid Name="contentGrid"  Grid.Row="2" Grid.Column="0" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <ListBox Name="ImgListBox">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel>
                        <Image Name="imgSubCloud"  Source="{Binding imgPath}"  ></Image>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Grid>

菜鸟_001的主页 菜鸟_001 | 初学一级 | 园豆:70
提问于:2013-09-02 15:04
< >
分享
所有回答(1)
0
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

            <ListBox Height="595" Margin="0,0,-12,0" Name="listBox1" ItemsSource="{Binding}">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <Grid x:Name="rootaa" Margin="0,0,0,15">
                               
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="107*"></ColumnDefinition>
                                    <ColumnDefinition Width="349*"></ColumnDefinition>
                                </Grid.ColumnDefinitions>      
                                <Image Grid.Row="0" Grid.Column="0" Source="{Binding recommendImage}"/>
                                <Image Grid.Row="0" Grid.Column="1" Source="{Binding recommendImage}"/>
                              
                            </Grid>

                        </StackPanel>
                    </DataTemplate>

                </ListBox.ItemTemplate>

            </ListBox>
          </Grid>

其中创建两列、然后实例化两个image控件,第一个放在0行0列,第二个放在0行1列、
Beyond-bit | 园豆:2804 (老鸟四级) | 2013-09-02 15:09

这样的话,图片就重复了

支持(0) 反对(0) 菜鸟_001 | 园豆:70 (初学一级) | 2013-09-02 15:16

@菜鸟_001: 不是啊、

<Image Grid.Row="0" Grid.Column="0" Source="{Binding 图片1}"/> 
<Image Grid.Row="0" Grid.Column="1" Source="{Binding 图片2}"/>

 

你source的时候绑定不同的image源 不就不会重复了嘛、能不能具体点你的需求?

支持(0) 反对(0) Beyond-bit | 园豆:2804 (老鸟四级) | 2013-09-02 15:23

@Beyond-bit: 

我的完整的代码,请帮帮忙,谢谢,图片只能绑定一个绑定

       <Grid Name="contentGrid"  Grid.Row="2" Grid.Column="0" ShowGridLines="True"  >                         <ListBox Name="ImgListBox">                 <ListBox.ItemTemplate>                     <DataTemplate >                         <StackPanel>                                 <Image Name="imgSubCloud"  Source="{Binding imgPath}"  Stretch="None" Loaded="imgSubCloud_Loaded" ></Image>                         </StackPanel>                         <!--<Image Name="imgSubCloud1"  Source="{Binding imgPath}" ></Image>-->                     </DataTemplate>                 </ListBox.ItemTemplate>             </ListBox>

        </Grid>

 

  List<Image> list = new List<Image>();
            list.Add(new Image() { imgID = "1", imgName = "企鹅", imgPath = "../Pic/1.jpg" });
            list.Add(new Image() { imgID = "2", imgName = "犀牛", imgPath = "../Pic/2.jpg" });
            list.Add(new Image() { imgID = "3", imgName = "鹦鹉", imgPath = "../Pic/3.jpg" });
            list.Add(new Image() { imgID = "4", imgName = "老虎", imgPath = "../Pic/4.jpg" });
            list.Add(new Image() { imgID = "5", imgName = "蛤蟆", imgPath = "../Pic/5.jpg" });
            list.Add(new Image() { imgID = "6", imgName = "小狗", imgPath = "../Pic/6.jpg" });
            list.Add(new Image() { imgID = "7", imgName = "青蛙", imgPath = "../Pic/7.jpg" });
            list.Add(new Image() { imgID = "8", imgName = "小龙", imgPath = "../Pic/8.jpg" });
            list.Add(new Image() { imgID = "9", imgName = "乌龟", imgPath = "../Pic/9.jpg" });
            list.Add(new Image() { imgID = "10", imgName = "茶杯", imgPath = "../Pic/10.jpg" });
            ImgListBox.ItemsSource = list;

支持(0) 反对(0) 菜鸟_001 | 园豆:70 (初学一级) | 2013-09-02 15:26

@菜鸟_001: 不用new Image() { imgID = "1", imgName = "企鹅", imgPath = "../Pic/1.jpg" } 了吧!

你可以直接  List<ImageEntity> list = new list<ImageEntity>();

  ImageEntity ie=new ImageEntity();

  ie.imageId="1";

  ie.imagePath="/pic/1.jpg";

  ie.imageName="企鹅"

  list.add(ie)

上面的如果是个集合,那你放到for(){}

  this.ImgListBox.ItemsSource = list;

支持(0) 反对(0) Beyond-bit | 园豆:2804 (老鸟四级) | 2013-09-02 15:57

@Beyond-bit: 这个我知道,但是怎么把显示的图片变成两行呢,图片的显示默认是一行。

支持(0) 反对(0) 菜鸟_001 | 园豆:70 (初学一级) | 2013-09-02 16:06

@菜鸟_001: new Image()中的Image是我定义的一个类,不好意思图片显示成两列,默认是一列

支持(0) 反对(0) 菜鸟_001 | 园豆:70 (初学一级) | 2013-09-02 16:09

@菜鸟_001: 不好意思、我有点不明白你的意思、

支持(0) 反对(0) Beyond-bit | 园豆:2804 (老鸟四级) | 2013-09-02 16:29

@Beyond-bit: 你的邮箱是多少,我把要显示的结果以图片的形式发给你

支持(0) 反对(0) 菜鸟_001 | 园豆:70 (初学一级) | 2013-09-02 16:33

@菜鸟_001: 好吧,那我也不一定能帮你解决哦、shandowsoftware@126.com

支持(0) 反对(0) Beyond-bit | 园豆:2804 (老鸟四级) | 2013-09-02 16:38

@菜鸟_001: 哈哈哈,哥们,我明白了,我找到一个解决方案 了、可以用WrapPanel

给你几个链接参考你就知道了:http://bbs.csdn.net/topics/380190291

具体解决方法:http://blog.sina.com.cn/s/blog_4adf31ea0100mer7.html

 

还可以通过:http://laihuaiqing.iteye.com/blog/1323481

支持(0) 反对(0) Beyond-bit | 园豆:2804 (老鸟四级) | 2013-09-02 16:52

@菜鸟_001: 代码:

<ListBox>
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <toolkit:WrapPanel ItemWidth="100" ItemHeight="50"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBoxItem Content="Item1"/>
    <ListBoxItem Content="Item2"/>
    <ListBoxItem Content="Item3"/>
    <ListBoxItem Content="Item4"/>
    <ListBoxItem Content="Item5"/>
    <ListBoxItem Content="Item6"/>
</ListBox>

通过:WrapPanel可以控制了、

支持(1) 反对(0) Beyond-bit | 园豆:2804 (老鸟四级) | 2013-09-02 16:54
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册