Πως φτιάχνουμε template για Button σε WPF σε λίγα βήματα

Έχετε σκεφτεί ποτέ ότι στην εφαρμογή που δουλεύετε θα θέλατε τα κουμπιά, για παράδειγμα, να έχουν διαφορετική μορφή απο την προκαθορισμένη ? Αν ναι, τότε το να πραγματοποιήσετε αυτή σας την επιθυμία είναι πολύ εύκολο. Θα δούμε ένα παράδειγμα για το πως μπορούμε να φτιάξουμε ένα απλό μπλε στρογγυλό κουμπί το οποίο γίνεται πράσινο όταν ο δείκτης του ποντικιού περάσει απο πάνω του:

1) Δημιουργούμε το παρακάτω κουμπί:

button2) Για να φτιάξουμε καινούργιο template το οποίο αποθηκεύουμε στα resources του παραθύρου κάνουμε το εξής:

controlTemplate 

3) Το γεμίζουμε με τα παρακάτω στοιχεία:

FilledControlTemplate

Στην ουσία τοποθετούμε μια έλλειψη ώστε να γίνει το κουμπί στρογγυλό κι ύστερα το ContentPresenter ώστε να εμφανίζεται το περιεχόμενο του κουμπιού μέσα στην έλλειψη. Με το TemplateBinding εννοούμε ότι τα συγκεκριμένα properties της έλλειψης κληρονομούν την τιμή τους απο τα αντίστοιχα properties του γονικού κουμπιού, δηλαδή το Fill της έλλειψης κληρονομεί την τιμή του Background του γονικού κουμπιού.

4) Για να κάνουμε το κουμπί να αλλάζει χρώμα όταν ο δείκτης του ποντικιού περνάει απο πάνω του εισάγουμε τα εξής triggers:

triggers

5) Για να εφαρμόσουμε το template σε όλα τα κουμπιά, φτιάχνουμε ένα καινούργιο style:

apply

6) Και το αποτέλεσμα:

window

Σίγουρα δεν είναι και το καλύτερο αποτέλεσμα αλλά είναι μια καλή αρχή. Με λίγη φαντασία και αρκετή βοήθεια απο το blend Stick out tongue μπορούμε να φτιάξουμε πολύ πιο ωραία κουμπιά (και γενικά controls).

Καλές διακοπές σε όσους δεν έχουν πάει ακόμα και καλά να περνάτε όσοι έχετε ήδη πάει !!

Share/Bookmark
Published Τετάρτη, 5 Αυγούστου 2009 2:19 μμ by solidus
Filed under:

Comments

No Comments

Leave a Comment

(required) 
(required) 
(optional)
(required) 
Submit
Powered by Community Server (Commercial Edition), by Telligent Systems