How to build a customer automatic image player?

Glayaar — Mon, 22 Nov 2010 04:21:14 GMT

IMO, for such scenario, we should not use UXPopup since UXPopup will not be integrated with the parent container. You could use the MouseEnter and MouseLeave event handler in order to resize the image, this way the container will resize itself based on the image. Here is the snippet:

<Intersoft:UXStackButton ... StackMode="GridStyle">
    <Intersoft:UXStackButton.StackGridTemplate>
        <DataTemplate>
            <Image MaxWidth="75" MaxHeight="75" Name="imageLoader1"
                   ...
                   MouseEnter="imageLoader1_MouseEnter" MouseLeave="imageLoader1_MouseLeave" />
        </DataTemplate>
    </Intersoft:UXStackButton.StackGridTemplate>
</Intersoft:UXStackButton>

private void imageLoader1_MouseEnter(object sender, MouseEventArgs e)
{
    Image img = (Image)sender;
    img.ClearValue(Image.MaxWidthProperty);
    img.ClearValue(Image.MaxHeightProperty);
}

private void imageLoader1_MouseLeave(object sender, MouseEventArgs e)
{
    Image img = (Image)sender;
    img.MaxHeight = 75;
    img.MaxWidth = 75;

    CallOut callout = Utility.FindVisualAncestor(img, typeof(CallOut)) as CallOut;
    callout.RefreshCallOut();
}

How to build a customer automatic image player?

am1102 — Fri, 19 Nov 2010 08:58:48 GMT

I want to use clientui(silvelight) controls to build a automatic image player just like the head of http://www.clientui.com/, and then I want to add this custom control to UXStackButton's popup box,when i click the small image in the custom control, it will popup the bigger image,and also i want the bigger image is in the popup box too,Can someone help me??? thank you

I have wrote some code

<Intersoft:UXStackButton Icon="Assets/Images/active.png" Text="SendMail" Height="30" Width="18"  StackMode="ArcStyle">
            <Intersoft:UXStackButton.StackGridTemplate>
                <DataTemplate>
                    <StackPanel Width="450">
                        <Intersoft:UXPopup MaxWidth="450"  Name="uXPopup1" HorizontalAlignment="Center"  VerticalAlignment="Top" PreferredPosition="CenterParent">
                            <Image Name="images1" Source="{Binding}"></Image>
                        </Intersoft:UXPopup>
                        <Intersoft:ImageLoader MaxWidth="200" Name="imageLoader1" Intersoft:UXPopup.TargetMouseEnterAction="ShowPopup" Intersoft:UXPopup.TargetMouseLeaveAction="HidePopup" VerticalAlignment="Center" HorizontalAlignment="Center" Intersoft:UXPopup.TargetPopup="{Binding ElementName=uXPopup1}" Intersoft:UXPopup.TargetDataContext="/ClientMap;component/Assets/Images/butterfly.jpg"  ImageSource="/ClientMap;component/Assets/Images/butterflyth.jpg" Margin="250,0,0,0"  />
                    </StackPanel>
                </DataTemplate>
            </Intersoft:UXStackButton.StackGridTemplate>
        </Intersoft:UXStackButton>

but in these code,when i click the bigger image ,it's not in the pop-up box

Intersoft Community - ClientUI - How to build a customer automatic image player?

How to build a customer automatic image player?

How to build a customer automatic image player?