Canvas Zooming

Question

Hallo

Ich habe in einem Canvas einen Graphen gezeichnet. Über dieses Canvas habe ich transparente Butttons gelegt.. Jetzt möchte ich jedoch dass ich auch in diesen Graphen reinzoomen kann. Beim Zoomen sollten sich auch die Buttons dementsprechend vergrößern bzw. verkleinern. Wie muss ich das vorgehen?

Sinn: Ich habe einen Audio-Graphen gezeichnet. Diesen habe ich in Sequenzen unterteilt. Jeder Button steht für eine Sequenz. Klickt man nun auf eine Sequenz wird ein Audio File abgespielt. Das funktioniert auch recht gut. Nur beim zooomen komme ich nicht weiter.

Wäre toll wenn mir jemand helfen könnte.

Achja es geht um WP8

Answer 1

Hallo,
im XAML kannst du so genannte Transformationen einsetzen um die GUI zu manipulieren. Über ein ScaleTransform kannst du einfach alles auf einmal heran oder heraus zoomen. Diese Transformationen kannst du auf so gut wie alles anwenden.

Wenn du noch einen ScrollViewer drum herum packst, kannst du auch problemlos scrollen.

<ScrollViewer Grid.Row="1">
    <Border Height="400" Width="1000"><!--Damit der Scrollviewer funktioniert muss der Inhalt wirklich so groß sein, wie er anch der Transformation ist-->
        <Grid Width="500" Height="200" RenderTransformOrigin="0.5 0.5">
            <Grid.RenderTransform>
                <ScaleTransform ScaleX="2" ScaleY="2"/>
            </Grid.RenderTransform>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Button Grid.Column="0" Content="A"/>
            <Button Grid.Column="1" Content="B"/>
            <Button Grid.Column="2" Content="C"/>
        </Grid>
    </Border>
</ScrollViewer>

PS: Warum entwickelst du noch für WP8? Sonderlich viele WP mit dieser Version dürften nicht mehr existieren.

---

Tom Lambert - .NET (C#) MVP
Wozu Antworten markieren und für Beiträge abstimmen? Klicke hier.
Nützliche Links: .NET Quellcode | C# ↔ VB.NET Konverter | Account bestätigen (Verify Your Account)
Ich: Webseite | Code Beispiele | Facebook | Twitter | Snippets

Answer 2

Danke für die Antwort. wie ich sehe ist das Zoomen nur statisch aus dem Programm heraus. ist es möglich dass ich eine Zooming Funktion einbaue wo ich mit 2 Fingern das Canvas dementsprechend zoomen bzw. verkleinern kann?

Answer 3

Hier merkt man nun, dass WP Silverlight veraltet ist. Der ScrollViewer dient unter WP 8.1 auch für den Zoom von Objekten. Das scheint er unter WP8 noch nicht zu können. Eine Alternative kenne ich nicht.

Du wirst dir das ganze also manuell bauen müssen. Beispiele dazu gibt es im Internet.

---

Tom Lambert - .NET (C#) MVP
Wozu Antworten markieren und für Beiträge abstimmen? Klicke hier.
Nützliche Links: .NET Quellcode | C# ↔ VB.NET Konverter | Account bestätigen (Verify Your Account)
Ich: Webseite | Code Beispiele | Facebook | Twitter | Snippets

Answer 4

Okey vielen Dank vorerst.

Ich werde es heute noch versuchen und dann Feedback geben ob es funktioniert hat.

Vielen Dank!

Answer 5

Hallo Magic001,

bist du weitergekommen?

Gruß

Aleksander

---

Bitte haben Sie Verständnis dafür, dass im Rahmen dieses Forums, welches auf dem Community-Prinzip „IT-Pros helfen IT-Pros“ beruht,  kein technischer Support geleistet werden kann oder sonst welche garantierten Maßnahmen seitens Microsoft zugesichert werden können.