如何在Windows Phone中实现选择照片功能

Question

I am working on an app, it requires to choose background image from gallery. For this I am implementing same functionality as Choose Photo feature in Windows phone 8.1 (to set background image),

I have tried this:

xaml:

<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Grid Grid.Row="0" Name="contentPanel">
        <ScrollViewer Name="scrl"  HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" Opacity="0.3">

        </ScrollViewer>
        <ScrollViewer Name="scrlView" Height="500" Width="300" BorderBrush="Red" BorderThickness="1" Background="Transparent">

        </ScrollViewer>
        <Image Name="mtpImg" Stretch="Fill" />
    </Grid>
</Grid>

<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar Mode="Minimized">
        <shell:ApplicationBarIconButton IconUri="Assets\ApplicationIcon.png" Click="gallery_click" Text="gallery"/>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

C#:

    private void gallery_click(object sender, EventArgs e)
    {
        PhotoChooserTask chooser = new PhotoChooserTask();
        chooser.Completed += gallery_Completed;
        chooser.Show();
    }

    private void gallery_Completed(object sender, PhotoResult e)
    {
        if (e.TaskResult == TaskResult.OK)
        {
            Image img = new Image();
            BitmapImage tmpBitmap = new BitmapImage();
            tmpBitmap.SetSource(e.ChosenPhoto);
            img.Source = tmpBitmap;
            scrl.Content = img;
        }
    }

Problem: how do I set opacity=1 for image showing inside scrlView ScrollViewer?

Answer 1

try this for setting opacity as 1:

private void gallery_Completed(object sender, PhotoResult e)
{
    if (e.TaskResult == TaskResult.OK)
    {
        Image img = new Image();
        BitmapImage tmpBitmap = new BitmapImage();
        tmpBitmap.SetSource(e.ChosenPhoto);
        img.Source = tmpBitmap;
        scrl.Content = img;
        scrl.Opacity = 1.0;
    }
}

If You want to set image in Image control with Border You can try this:

XAML:

<Grid Grid.Row="0" Name="contentPanel">
    <Border BorderBrush="Red" Height="500" Width="300" BorderThickness="1">
        <Image Name="mtpImg" Stretch="Fill" Height="500" Width="300"/>
    </Border>
</Grid>

CS:

PhotoChooserTask chooser;
public TaskPage()
{
    InitializeComponent();
    chooser = new PhotoChooserTask();
    chooser.Completed += gallery_Completed;
}

private void gallery_click(object sender, EventArgs e)
{
    chooser.Show();
}

private void gallery_Completed(object sender, PhotoResult e)
{
    if (e.TaskResult == TaskResult.OK)
    {
        BitmapImage tmpBitmap = new BitmapImage();
        tmpBitmap.SetSource(e.ChosenPhoto);
        mtpImg.Source = tmpBitmap;
    }
}