Seiten

Mittwoch, 22. Dezember 2010

Größenveränderung eines Grid mithilfe von Thumb Steuerelementen

In der Expression Gallery findet Ihr ein neues Beispielprojekt für ein Grid, das durch Klicken, Halten und Ziehen in seiner Größe verändert werden kann. Zum Einsatz kommen dabei Thumb-Steuerelemente. Hier erstmal das lebendige Beispiel:


Das Prinzip ist einfach. Das Grid, das in seiner Größe veränderbar gestaltet werden soll, erhält jeweils drei Zeilendefinitionen und drei Spaltendefinitionen. Die beiden äußeren Spalten und Zeilen erhalten jeweils eine fixe Breite bzw. Höhe von 2px. Es werden insgesamt 8 Thumb-Steuerelemente im Grid platziert, jeweils ein Thumb-Steuerelement in jede der äußeren Spalten bzw. Zeilen sowie in jede der vier Ecken. Im DragDelta-Ereignisbehandler eines jeden Thumb-Steuerelements findet dann die Logik für die Größenveränderung des Grid statt. Alles weitere sollte eigentlich der Quellcode erklären, den ihr im Download des Beispielprojekts in der Expression Gallery findet.

Download: Quellcode des vollständigen Beispielprojekts in der Expression Gallery.

Viel Spass damit.

Keine Kommentare:

Kommentar veröffentlichen