Einfachen, radialen Farbverlauf hintergrund in der Metro-Stil-App

Was wäre eine einfache Art zu zeichnen einen radialen Farbverlauf im hintergrund (ebenfalls in der Lage, es zu ändern die Farbe) in einer XAML/C# - Metro-Style-App ?
Ist mit DirectX eine option ? Ich habe versucht, an einigen SharpDX Proben für die Windows 8 Consumer Preview aber Fehler beim kompilieren. Habe nicht gefunden, alle anderen Proben mit DX in C# auf Windows 8.
Irgendwelche Ideen ?

  • XAML tun können Farbverläufe. Und der Metro-Richtlinien sagen, solltest du Sie nicht benutzen.
  • Radiale Farbverläufe sind nicht dort in der XAML-framework. Es gibt nichts in der U-Bahn-Richtlinien zur nicht-verwenden von Farbverläufen, soweit ich weiß. Können Sie zeigen Sie mir, wo Sie haben gesehen, dass die Anweisung? Auch Windows 8 Metro-Style-Apps nicht haben zu Folgen den Metro-design-Sprache, also sollte es egal sein - es ist nur eine unglückliche Namenswahl für die Sandbox-WinRT-apps.
  • Viele der Kacheln auf dem Start-Menü, klar Farbverlauf-hintergrund. Farbverläufe können verwendet werden, um große Wirkung
InformationsquelleAutor Lescai Ionel | 2012-04-28
  1. 2

    RadialGradientBrush nicht Hinzugefügt wurde, um die XAML-stack noch nicht. Sie können WriteableBitmapEx zeichnen Sie den Verlauf auf ein WriteableBitmap-Objekt selbst, und dann verwenden Sie ein Bild oder ImageBrush, um es anzuzeigen - obwohl, die könnte zu langsam sein, wenn Sie viele Elemente, die Sie verwenden möchten, unterschiedlich geformte Verläufe auf.

    Könnte man einfach ein normales Bild in Photoshop erstellt wurden, oder Paint.NET.

    Verwendung von DirectX ist vielleicht zu kompliziert und nicht wirklich notwendig, aber Sie können mischen DirectX mit XAML. Wenn Sie wirklich wollen, dorthin zu gehen - Sie würden wahrscheinlich benötigen, um verwenden SurfaceImageSource. Es gibt eine grundlegende Einführung in MSDN hier, oder prüfen Sie eine SharpDX Probe hier. Sie würde wahrscheinlich auch mit Direct2D zu leisten, dass die Oberfläche, so gibt es durchaus ein paar Technologien, die Sie benötigen würden, um zu mischen.

    • Soweit ich gelesen habe, WriteableBitmapEx nicht unterstützt wird in der U-Bahn... ich fand, dass dieselbe SharpDX Beispiel mich, aber habe noch nicht geschafft haben, wickeln Sie meinen Kopf herum, es noch nicht, obwohl ich gearbeitet habe, ein bisschen mit OpenGL in der Vergangenheit 🙁
    • Sorry, ich hab vergessen, den link - ich portiert WriteableBitmapEx auf die WinRT - Sie können es hier Holen: bit.ly/WriteableBitmapExWinRT
    • Irgendeine Idee, wie ich konnte-speed it up a bit ? Ich bin der Einstellung jedes einzelnen pixels in einem Quadranten, und dann mithilfe von Symmetrie, aber für einen Verlauf, der hat ' s start/end-Punkt außerhalb des Bildschirms, die ich am Ende mit jedem pixel sowieso. Ich bin mit dem Farbverlauf nur auf dem hintergrund der wichtigsten 'Fenster' ,aber es muss geändert werden, sobald der Benutzer wechselt das Thema.
    InformationsquelleAutor Filip Skakun
  2. 2

    Ich SharpDx verwendet, diese Hürde zu überwinden, und erstellen Sie mir einen RadialGradient-gefüllten hintergrund

    http://advertboy.wordpress.com/2012/05/20/radial-gradients-mini-path-geometry-sprites-infinite-scrolling-inertial-canvas/

    • Hallo Akku-Verbrauch.
    InformationsquelleAutor SilverlightWPF
  3. -8

    Radialen Farbverlauf Pinsel wurden, um für eine ganze Weile - ich glaube, das erste mal habe ich war in 2008. Trotzdem, die markup-Symbole in xaml-Code ist ziemlich einfach:

    <Rectangle Width="200" Height="100">
      <Rectangle.Fill>
        <RadialGradientBrush 
          GradientOrigin="0.5,0.5" 
          Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
          <RadialGradientBrush.GradientStops>
            <GradientStop Color="Yellow" Offset="0" />
            <GradientStop Color="Red" Offset="0.25" />
            <GradientStop Color="Blue" Offset="0.75" />
            <GradientStop Color="LimeGreen" Offset="1" />
          </RadialGradientBrush.GradientStops>
        </RadialGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    Alle details hier: http://msdn.microsoft.com/en-us/library/ms752281(v=vs. 100).aspx

    • RadialGradientBrush nicht auf Metro
    • Vielleicht lese ich zu weit in den original-post, aber er sagte metro-Stil, die macht mich denken, dass Vanille wpf oder silverlight.
    • Seit der OP tagged die Nachricht mit WinRT, ich denke, es ist sicher anzunehmen, dass diese Lösung funktioniert nicht an diesem Punkt in Windows 8 "The artist formerly known as Metro" - Apps.
    • RadialGradientBrush ist nicht verfügbar in der RTM-version
    InformationsquelleAutor VLTII
Schreibe einen Kommentar