Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> JavaScript Προγραμματισμός

Πώς να δημιουργήσετε ένα Vista Sidebar Gadget

έκδοση της Microsoft από τα Windows Vista ήταν η πρώτη εκτόξευση το νέο λειτουργικό σύστημα της σε διάστημα πέντε ετών . Vista ακολούθησε Windows XP και περιελάμβανε μια σειρά από νέες λειτουργίες που έχουν σχεδιαστεί για ευκολία στη χρήση και την αισθητική βελτίωση . Νέα χαρακτηριστικά των Vista κυμαίνονταν από επιφανειακές , όπως και σε ένα νέο σύνολο των ηχητικών εφέ προεπιλογή, στην αρχιτεκτονική , όπως και σε αλλαγές στον πυρήνα του λειτουργικού συστήματος για τη βελτίωση της σταθερότητας . Ένα χαρακτηριστικό που κέρδισε την προσοχή ήταν τα νέα Windows Sidebar , μια περιοχή της επιφάνειας εργασίας που εμφανίζει μικρά προγράμματα που ονομάζονται « gadgets ». Ακόμη και ένας ερασιτέχνης προγραμματιστής μπορεί να δημιουργήσει ένα απλό Vista το gadget sidebar με λίγο κώδικα HTML και JavaScript . Οδηγίες
Δημιουργήστε το Vista Sidebar Gadget
Η

1 Κάντε κλικ στο κουμπί "Start " και στη συνέχεια "Documents " για να ανοίξετε ένα παράθυρο του Windows Explorer. Κάντε κλικ στο " Αρχείο ", " Νέα ", " Folder" για να δημιουργήσετε ένα νέο φάκελο στο πλαίσιο Έγγραφα που θα περιέχει τα αρχεία για το gadget . Ονομάστε το " SampleGadget.Gadget " ( χωρίς τα εισαγωγικά ) . 2

Κάντε κλικ στο " Έναρξη", " Όλα τα προγράμματα ", " εξαρτήματα ", " Σημειωματάριο " για να ανοίξει το Notepad .
Η Φτηνές 3

Πληκτρολογήστε τον ακόλουθο κώδικα για το αρχείο δήλωσης του gadget στο Σημειωματάριο :


< xml version = " 1.0 " encoding = " utf- 8 " ; >

δείγμα Gadget < /name>

1.0.0.0 < /version >

Απλό δείγμα Vista το gadget sidebar . < /description>



< Τύπος βάσης = " HTML " apiVersion = " 1.0.0 " src = " SampleGadget.html " />

Πλήρης < /permissions >

< br >

< /host >

< /hosts >

< /συσκευή >

Κάντε κλικ στο " Αρχείο " και στη συνέχεια "Save As ". Στο " Όνομα αρχείου " , πληκτρολογήστε " gadget.xml " ( χωρίς τα εισαγωγικά ) . Στη λίστα " Αποθήκευση ως τύπου ", επιλέξτε "Όλα τα αρχεία ( * . * ) . " Στο "Κωδικοποίηση " λίστα , επιλέξτε "utf - 8 ". Στη γραμμή διευθύνσεων ή στο παράθυρο φακέλων , περιηγηθείτε στο νέο φάκελο που δημιουργήσατε στο βήμα 1 και κάντε κλικ στο κουμπί "Αποθήκευση " για να αποθηκεύσετε το αρχείο διακήρυξης .
Η 4

Clear τα περιεχόμενα του Notepad και πληκτρολογήστε το ακόλουθο κώδικα για το αρχείο HTML του gadget :



< p>

Δείγμα Vista Gadget < /title> <br> < p > <style type="text/css"> <br> <p> σώμα <br> <p> { <br> <p> margin: 0 ? <br> <p> πλάτος: 130px ? <br> <p> ύψος: 90px ? <br> <p> font-family : arial ? <br> <p> font - weight: bold ? <br> <p> font-size : 20px ? <br> <p> } <br> <p> # κύριο <br> <p> { <br> <p> περιθώριο : 10px , 10px , 10px , 10px ? <br> <p> πλάτος: 110px ? <br> <p> κάθετη -align : μέση? <br> <p> text-align : center ? <br> <p> υπερχείλιση : κρυμμένο ? <br> <p> } <br> <p> < /style > <br> <p> < ? τύπου script = " text /javascript " > <br> <p> αυτόματης εκκίνησης ( ) { <br> <p> <br> <p> //Start -up καθαριότητα πηγαίνει εδώ , για παράδειγμα : <br> < p > //Ορισμός αναφορά στο κύριο στοιχείο div <br> <p> var theDiv = document.getElementById ( « κύριος » ) ? <br> <p> //Ορισμός στυλ φόντου χρώμα <br> <p> theDiv.style . BackgroundColor = 'black' ? <br> <p> //Ορισμός στυλ κειμένου χρώμα <br> <p> theDiv.style.color = « κίτρινο » ? <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> <p> <body onload="startUp()"> <br> <p> <div id="main"> Vista Sidebar Gadget ! < /span > <br> <p> < /body> <br> <p> < /html > <br> <p> Κάντε κλικ στο " Αρχείο ", " Αποθήκευση ως . " Στο " Όνομα αρχείου " , πληκτρολογήστε " SampleGadget.html " ( χωρίς τα εισαγωγικά ) . Στη λίστα " Αποθήκευση ως τύπου ", επιλέξτε "Όλα τα αρχεία ( * . * ) . " Στο "Κωδικοποίηση " λίστα , επιλέξτε "utf - 8 ". Βεβαιωθείτε ότι Σημειωματάριο εξακολουθεί εξοικονόμηση στο νέο φάκελο που δημιουργήσατε και κάντε κλικ στο κουμπί "Αποθήκευση " για να αποθηκεύσετε το αρχείο HTML . <br> Εικόνων Τοποθετήστε το Vista Sidebar Gadget <br> <br> 5 <p> Highlight το όνομα του φακέλου στο παράθυρο του Windows Explorer που ανοίξατε στο βήμα 1 . Πιέστε τα πλήκτρα " Ctrl " και "C" ταυτόχρονα για να αντιγράψετε το φάκελο και τα περιεχόμενά του στο πρόχειρο σας . Πλοηγηθείτε στο παράθυρο του Explorer στο φάκελο C: \\ Program Files \\ Windows Sidebar \\ Gadgets \\ και πατήστε το πλήκτρο "Ctrl " και τα πλήκτρα " V " ταυτόχρονα για επικόλληση του φάκελου και των περιεχομένων του . Μπορεί να χρειαστεί να δώσετε έναν κωδικό πρόσβασης διαχειριστή και εντάξει τη λειτουργία αντιγραφής , ανάλογα με τις ρυθμίσεις ασφαλείας σας Vista . <br> Η <p> 6 Κάντε κλικ στο κουμπί " Έναρξη", " Όλα τα προγράμματα ", " εξαρτήματα ", " Windows Sidebar " για να ξεκινήσετε την πλαϊνή μπάρα , αν δεν είναι ήδη σε λειτουργία . <br> Η <p> 7 Κάντε κλικ στο σύμβολο συν ( + ) κοντά στο κέντρο του πάνω μέρους της sidebar για να ανοίξετε το παράθυρο γκαλερί gadget. Κάντε διπλό κλικ στο εικονίδιο με την ένδειξη " Gadget Δείγμα " για να τοποθετήσετε το νέο gadget στο sidebar σας . Θα εμφανιστεί το μήνυμα " Vista Sidebar Gadget ! " σε κίτρινο τύπο σε μαύρο φόντο με λευκό περίγραμμα , όπως ορίζεται στο αρχείο HTML . <br> Η <br> εικόνων <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/91138.html' >Πώς μπορώ να χρησιμοποιήσω iBox </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91140.html' >Πώς να υπολογίσετε Ανάλυση οθόνης με Java Script </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/javascript-programming/91250.html" target="_blank">Πώς να διαγράψει αρχεία Javascript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90936.html" target="_blank">Πώς μπορείτε να διαπιστώσετε τις συντεταγμένες ενός στοιχείου σε JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91048.html" target="_blank">Πώς να Ενεργοποίηση & Απενεργοποίηση πλαίσια κειμένου σε Javascript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91076.html" target="_blank">Πώς να πάρει ένα Remote ιστοσελίδας με JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90976.html" target="_blank">Πώς να αφαιρέσει το τελευταίο παιδί μιας Div jQuery </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/javascript-programming/90798.html" target="_blank">Πώς να : Αλλαγή και Ανακατεύθυνση μια διεύθυνση URL με Java </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91018.html" target="_blank">Πώς να αποκτήσετε πρόσβαση Element Χαρακτηριστικά Με JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90783.html" target="_blank">Κωδικός beautifiers για JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91112.html" target="_blank">Σεμινάριο Dreamweaver σε JavaScript </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>