Gelişmiş bir HUD oluşturma

Question

WPF'de AR Drone Quadcopter için bir arabirim yapıyorum.

HUD'ımda kullanabilmem için bazı şeyler yapıyorum. HUD daha gelişmiş kontrollerin

Bir ufka pilota uçağın anki hizalama söyler suni ufuk vardır.

Ben, bu 3 PNG

I (zanaat mevcut zift) taşımak ve (mevcut rulo döner ilk görüntü el).

ben daha da uçağın rulo görselleştirmek olacak belli derecede keneler vardır, bu bir merkez ekseni etrafında döndürmek sadece edecek, İlk üzerinden ikinci görüntüyü koyacağız.

Sonuncusu ikincisinin üzerine koyacağım sonuncusu, bu görüntü sadece görsel bir geliştirici.

O zaman sadece neyin 2.

Son olarak görüntüdeki dairenin içini görmek, böylece ilk görüntüyü maskelemek istemiyor ben şimdiki yükseklik buna bir TextBlock ekleyebilir ve görüntülemek istediğiniz az

sonuç Ben döndürmek ve görüntü taşımak bilmek bu

gibi bir şey olacaktır, ama nasıl birbirinin üstüne görüntüleri yaparım ve nasıl ilk Resmi maskelemek mı?

düzenleme:

Ama aynı zamanda görüntü Y pozisyonu (uçağın zift)

çevirmek gerekir: Teşekkürler Ben'e bu kadar kazanılmış ettik

Tercüme dönüşümü eklediğimde Klip (Maske) 'yi de tercüme ediyorum, maskeyi hareket ettirmeden görüntüyü nasıl çevirebilirim?

Answer 1

İçinde DrawingGroups ve ClipGeometry'u kullanabileceğiniz küçük bir örnek.

<Grid> 
    <Image Source="Images\Background.jpg" /> 

    <Image> 
    <Image.Source> 
     <DrawingImage> 
     <DrawingImage.Drawing> 
      <DrawingGroup> 
      <DrawingGroup> 
       <!-- You can rotate a DrawingGroup --> 
       <DrawingGroup.Transform> 
       <RotateTransform Angle="-15" CenterX="50" CenterY="50" /> 
       </DrawingGroup.Transform> 

       <ImageDrawing ImageSource="Images\last.png" Rect="0,0,100,100" /> 
       <DrawingGroup.ClipGeometry> 
       <EllipseGeometry Center="50,50" RadiusX="25" RadiusY="25" /> 
       </DrawingGroup.ClipGeometry> 
      </DrawingGroup> 

      <DrawingGroup> 
       <ImageDrawing ImageSource="Images\middle.png" Rect="0,0,100,100" /> 
       <ImageDrawing ImageSource="Images\outer.png" Rect="0,0,100,100" /> 
      </DrawingGroup> 
      </DrawingGroup> 
     </DrawingImage.Drawing> 
     </DrawingImage> 
    </Image.Source> 
    </Image> 
</Grid> 

Answer 2

Yorgun dün gece: D döndürmek ve çevirmek için arka plan elde etmek için değil, Klips kırpma grubuna bir alt grubunda arka planı koymak için sadece ... Şimdi çalışıyor!

<Image Width="240" Height="240"> 
     <Image.Source> 
      <DrawingImage> 
       <DrawingImage.Drawing> 
        <DrawingGroup> 
         <DrawingGroup> 
          <DrawingGroup> 
           <DrawingGroup.Transform> 
            <TransformGroup> 
             <RotateTransform Angle="-15" CenterX="120" CenterY="120" /> 
             <TranslateTransform Y="-20" /> 
            </TransformGroup> 
           </DrawingGroup.Transform> 

           <ImageDrawing ImageSource="Images\pNxVK.png" Rect="0,0,240,240" /> 
          </DrawingGroup> 

          <DrawingGroup.ClipGeometry> 
           <EllipseGeometry Center="120,120" RadiusX="60" RadiusY="60"> 
           </EllipseGeometry> 
          </DrawingGroup.ClipGeometry> 
         </DrawingGroup> 

         <DrawingGroup> 
          <ImageDrawing ImageSource="Images\zUr8D.png" Rect="0,0,240,240" /> 
          <ImageDrawing ImageSource="Images\XPZW9.png" Rect="0,0,240,240" /> 
         </DrawingGroup> 
        </DrawingGroup> 
       </DrawingImage.Drawing> 
      </DrawingImage> 
     </Image.Source> 
    </Image>