将图像从控制页面绑定到主页面WP7 / 8

时间:2013-05-12 17:36:24

标签: c# windows-phone-7 data-binding

我想要从控制页面到主页面的绑定图像,但我无法让它工作。我试试这个:

XAML: <Image Source="{Binding myImage}" Height="150"  Name="photoPreview"...

结合:

public Image myImage
{
    get;
    set;
}

有点想法吗?

3 个答案:

答案 0 :(得分:1)

您无法将Image对象绑定到Image控件的Source属性。 Source属性的类型为ImageSource。在代码中使用BitmapImage并将其绑定。

public BitmapImage myImage { get; set; }

或者,如果图像文件包含在项目的资源中,您也可以绑定相对路径(作为字符串)。

答案 1 :(得分:0)

而不是使用Image类型property你可以通过bind image中的path直接Image Source <Image Source = "{Binding Path = path}" Height="150" Name="photoPreview"... 像这样---&gt;

public String path
{
    get;
    set;
}

路径(字符串类型)u可以设置&amp;获得

{{1}}

答案 2 :(得分:0)

来自我的来源的更多细节可能有人知道问题在哪里&gt;

控制页面(POPUP)

 private void SaveToIsolatedStorage(Stream imageStream, string fileName)
    {
        using (IsolatedStorageFile myIsoStorage = IsolatedStorageFile.GetUserStoreForApplication())
        {
            if (myIsoStorage.FileExists(fileName))
            {
                myIsoStorage.DeleteFile(fileName);
            }

            IsolatedStorageFileStream fileStream = myIsoStorage.CreateFile(fileName);
            BitmapImage bitmap = new BitmapImage();
            bitmap.SetSource(imageStream);

            WriteableBitmap mywb = new WriteableBitmap(bitmap);
            mywb.SaveJpeg(fileStream, mywb.PixelWidth, mywb.PixelHeight, 0, 95);
            fileStream.Close();

        }
        this.ReadFromIsolatedStorage("myImage.jpg");

    }

    private void ReadFromIsolatedStorage(string fileName)
    {
        WriteableBitmap bitmap = new WriteableBitmap(200, 200);
        using (IsolatedStorageFile myIsoStorage = IsolatedStorageFile.GetUserStoreForApplication())
        {
            using (IsolatedStorageFileStream fileStream = myIsoStorage.OpenFile(fileName, FileMode.Open, FileAccess.Read))
            {
                bitmap = PictureDecoder.DecodeJpeg(fileStream);
            }
        }

        photoPreview.Source = bitmap;

    }

public String myNote { get; set; }


    public String path
    {
        get;
        set;
    }

CONTROL PAGE POPUP XAML

 <Image Source = "{Binding Path = path}" Height="150" HorizontalAlignment="Right"  Name="photoPreview"

绑定的新类名为Note.cs

  

public class注意:INotifyPropertyChanged       {

    public String myNote { get; set; }

    public String path
    {
        get;
        set;
    }...

主页

  var note = new Note();
            note.myNote = control.myNote;
            note.OnPropertyChanged("myNote");
            note.path = control.path;
            note.OnPropertyChanged("path");
            Notes.Add(note);
            OnPropertyChanged("Notes");

主页。 XAML

  <Image Width="100" Height="100" Stretch="Fill" Source = "{Binding Path = path}"></Image>

来自文本框的P.s绑定文本myNote效果很好,但图像不是。