Dynamischer und synchroner Wet Floor Effekt

Question

Hi,

hat jemand eine Idee, wie man einen dynamsichen und synchronen Wet Floor Effect gestalten kann?

Also z.B. für folgendes:

Angenommen es gibt ein UIElement, das der Benutzer auf der UI bewegen kann. Synchron mit der Bewegung des vom Beutzer bewegten UIElements soll sich die Spiegelung des UIElements dynamisch mit bewegen.

Bin für jede Idee dankbar.

Beste Grüße,
M.

Answer 1

Meinst du so etwas?

<navigation:Page 
  xmlns:dataInput="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.Input" 
  x:Class="SilverlightApplication1.Page11_WetFloor" 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  mc:Ignorable="d"
  xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
  d:DesignWidth="640" d:DesignHeight="480"
  Title="Page11_WetFloor Page">
  <Grid x:Name="LayoutRoot">
    <Canvas Height="100">
      <StackPanel>
        <Canvas.Left>
          <Binding ElementName="sl1" Path="Value"/>
        </Canvas.Left>
        <dataInput:Label Name="lbl1" Content="Label Text" FontSize="30"></dataInput:Label>
        <dataInput:Label Name="lbl2" FontSize="30">
          <dataInput:Label.Content>
            <Binding ElementName="lbl1" Path="Content"/>
          </dataInput:Label.Content>
          <dataInput:Label.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
              <GradientStop Color="#00000000" Offset="0"/>
              <GradientStop Color="#FFFFFFFF" Offset="1"/>
            </LinearGradientBrush>
          </dataInput:Label.OpacityMask>
          <dataInput:Label.RenderTransform>
            <TransformGroup>
              <ScaleTransform ScaleX="-1"/>
              <SkewTransform/>
              <RotateTransform Angle="180"/>
              <TranslateTransform Y="30"/>
            </TransformGroup>
          </dataInput:Label.RenderTransform>
        </dataInput:Label>
      </StackPanel>
    </Canvas>
    <Slider VerticalAlignment= "Bottom" Name="sl1" Minimum="0" Maximum="400"></Slider>
  </Grid>
</navigation:Page>

Answer 2

Hi Peter,

versuche Deinen Beispielcode zum Laufen zu bringen. Sag mir mal: In welcher .dll finde ich System.Windows.Controls.Navigation und (...).Data.Input?

Beste Grüße,
M.

Answer 3

assembly=System.Windows.Controls.Data.Input und assembly=System.Windows.Controls.Navigation werden mit dem Silverlight Toolkit instaliert:

http://www.codeplex.com/wikipage?ProjectName=Silverlight

Du kannst aber auch andere Objekte für die Fragestellung nutzen.

-- 
Peter