Μετάβαση στο περιεχόμενο


Φωτογραφία
* * * * * 2 ψήφοι

[Οδηγός] Προσαρμογή Widget στα μέτρα του κάθε χρήστη.


  • Παρακαλούμε συνδεθείτε για να απαντήσετε
34 μηνύματα σε αυτό το θέμα

#1   MarkKnopfler

MarkKnopfler

    iPH Intergalactic Leader

  • 16.726 μηνύματα
  • Twitter:@Fmiggas
  • Φύλο: Άντρας
  • Κινητό: iPhone 5S
  • Tablet:iPad 4
  • GameCenter:markknopfler

Δημοσίευση 01/03/2012 - 01:05

*
ΔΗΜΟΦΙΛΕΣ

ΠΡΟΛΟΓΟΣ

Επειδή βλέπω τελευταία ότι ολοένα και περισσότερα φίλοι ρωτάνε πως θα ρυθμίσουν σωστά το widget που κατέβασαν είπα να κάτσω να γράψω τι χρειάζεται να κάνει κάποιος

ώστε να προσαρμόσει το widget του όπως θέλει αυτός. Στο συγκεκριμένο οδηγό θα χρησιμοποιήσω ένα παράδειγμα από ένα widget το Glass Widget (τα περισσότερα χρησιμοποιούν

τον ίδιο περίπου κώδικα οπότε χρειάζονται οι ίδιες αλλαγές με αυτό-θα αναφέρω στο τέλος έναν διαφορετικό τρόπο setup που χρησιμοποιούν κάποια).

ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ
Αρχίζοντας καλό είναι, όσοι δεν έχετε ένα πρόγραμμα επεξεργασίας html αρχείων(editor,) να κατεβάσετε από ΕΔΩ το συγκεκριμένο editor που όπως θα δείτε παρέχει καλύτερη απεικόνιση του κώδικα και ευκολότερη αναζήτηση.
  • 1.Προσαρμογή καιρού στην πόλη μας
Αφού ανοίξετε το αρχείο html με έναν editor ή τον notepad των windows ψάχνετε για τη γραμμή που γράφει var locale. Δίπλα έχει ένα κωδικό ο οποίος αλλάζει ανάλογα με την πηγή
που χρησιμοποιεί το widget για να ανανεώνει τον καιρό. Συνήθως τα widget χρησιμοποιούν το Yahoo Weather και μπορείτε να βρείτε τον κωδικό που αντιστοιχεί στην τοποθεσία σας από εδώ βάζοντας την πόλη σας.
Ενδέχεται επίσης να χρησιμοποιεί ως κωδικό τα νούμερα στο τέλος του link που είναι ο καιρός της Αθήνας.Ο κωδικός στην Αθήνα είναι 946738. Τέλος μπορεί να χρησιμοποιεί και το Accu Weather για ανανέωση και μπορείτε να βρείτε τον κωδικό κάνοντας μια αναζήτηση στο google.

Πως θα ξέρετε ποια από τις 2 μορφές του Yahoo Weather χρησιμοποιείται στο widget σας; Από τη μορφή του κωδικού που υπάρχει ήδη στο var locale.

GPS Based Widgets

Στα GPS Widgets η διαδικασία για τον εντοπισμό της πόλης σας είναι πιο απλή. Συνήθως ανοίγετε την εφαρμογή "My location" που δημιουργείτε όταν κατεβάσετε το θέμα που επιθυμείτε στη homescreen σας και απλά ανοίγετε το "Sig Change".
Μετά αφού έχετε ήδη ανοιχτό το GPS θα πρέπει να επιτρέψετε στην εφαρμογή να χρησιμοποιήσει τις Υπηρεσίες Τοποθεσίας. Πρέπει το GPS να έχει σήμα δηλαδή να μην είστε μέσα σε σπίτι όπου συνήθως δεν έχετε σήμα GPS.
H εφαρμογή αυτή χρειάζεται να ρυθμιστεί μόνο μετά την εγκατάσταση.Η τοποθεσία σας εφόσον το GPS σας είναι ανοιχτό θα ενημερωθεί ακόμα και αν η εφαρμογή τερματιστεί από εσάς ή από το ios.Δεν χρειάζεται να τρέξετε πάλι την εφαρμογή μετά από reboot.
  • 2.Θερμοκρασία σε βαθμούς Κελσίου
Θα δείτε συνήθως το παρακάτω
var isCelsius = false

Αλλάζοντας την τιμή από false σε true η τιμή της θερμοκρασία θα απεικονίζεται σε βαθμούς Κελσίου.Αν είναι false η τιμή θα είναι σε fahrenheit.

Επίσης μερικά widget έχουν την εξής επιλογή
var useRealFeel = false

Όταν είναι false δε δείχνει το Real Feel,ενώ με true το δείχνει.Ωστόσο επειδή τα περισσότερα widget δεν έχουν προσθέσει τον κώδικα για την εμφάνιση του RealFeel όταν το έχετε true ενδέχεται να υπάρχει πρόβλημα και να μην εμφανίζει σωστά ούτε την κανονική θερμοκρασία.Οπότε καλό είναι ΝΑ ΜΗ ΤΟ ΧΡΗΣΙΜΟΠΟΙΕΙΤΕ ΤΟ REALFEEL εκτός και δοκιμασμένα δουλεύει.
  • 3.Μετατροπή 12ώρου format ώρας σε 24ώρου
Από το παράδειγμα που είπαμε θα χρησιμοποιήσουμε (glass) παραθέτω τη γραμμή που κάνει αυτή τη μετατροπή
currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

Όταν έχει αυτή τη μορφή σημαίνει ότι όταν οι ώρες είναι από 13 και πάνω μέχρι 24 μειώνεται κατά 12 δείχνοντας 12ώρη μορφή.Αν εμείς βάλουμε
// στην αρχή της γραμμής τότε ο κώδικας αναγνωρίζεται σαν σχόλιο και το format είναι 24ώρο που είναι και το default γι αυτό δε χρειάζεται κάποια μετατροπή.
Ο κώδικας θα πρέπει να γίνει έτσι:
//currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

Κάποιοι κώδικες έχουν διαφορετικό τρόπο μετατροπής 12->24.Το παράδειγμα εδώ έχει ως σκοπό να καταλάβετε πως πρέπει να αλλάζει ο κώδικας.Ο συγκεκριμένος κώδικας υπάρχει στα περισσότερα widget.Αν το widget σας έχει διαφορετικό κώδικα μετατροπής μπορείτε να σβήσετε τον κώδικα που έχει και να προσθέσετε αυτόν ή να ρωτήσετε ώστε να βρούμε λύση.
  • 4.Ρυθμός ενημέρωσης του widget
Το widget χρειάζεται σύνδεση wifi ή 3G για να λειτουργήσει όπως ξέρετε.Μπορούμε να καθορίσουμε εμείς κάθε πότε θα ενημερώνετε ο καιρός.Όσο πιο
μικρός είναι ο ρυθμός ανανέωσης τόσο πιο επώδυνο είναι το widget για την μπαταρία σας.Στον κώδικα θα πρέπει να βρούμε κάτι τέτοιο
var updateInterval = 30; // in minutes.

και αλλάζουμε την τιμή σε λεπτά σε τιμή που εμείς θέλουμε.
  • 5.Αλλαγή της θέσης των στοιχείων του widget
Κάθε widget στην αρχή του κώδικα έχει ένα τμήμα που δίνει τις θέσεις των διάφορων στοιχείων που χρησιμοποιεί.Πάλι από το παράδειγμα μας:
#city {

position: absolute; top: 50px; right: 0px; down: 0px; left: 145px; width: 256px; height: 481px;

Εδώ έχουμε τη θέση απεικόνισης της πόλης. Πειράζοντας την τιμή του top αλλάζουμε την κατακόρυφη θέση της πόλης ενώ με το left αλλάζουμε την οριζόντια θέση. Κάνοντας πειράματα με τις τιμές
φτάνουμε στο επιθυμητό αποτέλεσμα.

Παρόμοια παρακάτω βλέπουμε τον αντίστοιχο κώδικα για τη θερμοκρασία:
#temp {

position: absolute; top: 32px; right: 0px; down: 0px; left: 130px; width: 320px; height: 481px;


Πάλι πειράζοντας τα top left αλλάζουμε οριζόντιο κατακόρυφο προσανατολισμό.(καλύτερα να γίνεται στην αρχή με μικρό βήμα ώστε να το ελέγχετε)

Τέλος,κάποια στοιχεία του widget επειδή παίρνουν τιμές δυναμικά περιγράφονται συνήθως στο τέλος του κώδικα.Για παράδειγμα ο κώδικας
που περιγράφει τη θέση των "λεπτών" είναι:

<table style="position: absolute; top: 62px; left: 190px; width: 320x; height: 461px; z-index: 14">



	<tr align="right" valign="top" border="0" cellpadding="0">



	<td height="12" valign="top" margin-right="0">



	<span id="mins">



	<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>



	</span>

Καταλαβαίνουμε ότι αναφέρετε στα λεπτά από το span id ="mins". Πάλι πειράζοντας τα top,left βηματικά φτάνουμε στο επιθυμητό αποτέλεσμα.

Κάποια widget έχουν ένα background το οποίο δεν περιγράφεται από κώδικα και είναι σε μορφή εικόνας .png.Αν εμείς αλλάξουμε τη θέση των στοιχείων που θέλουμε
δεν θα φαίνεται σωστά με το overlay.png(που είναι το background του glass widget),οπότε καλύτερο είναι να αλλάξουμε πρώτα τη σχετική θέση του overlay.png
και μετά να προσαρμόσουμε τα στοιχεία στο overlay.
  • 6. Αλλαγή Wallpaper του Widget
Κάποια widget έχουν και wallpaper δικό τους ανεξάρτητο με το theme που μπορεί να χρησιμοποιούμε.Μπορούμε να αλλάζουμε το wallpaper αυτό αντικαθιστώντας
το με αυτό που θέλουμε με ίδια ακριβώς ονομασία με αυτό που έχει ήδη.Αν δε θέλουμε το wallpaper του widget ένας τρόπος είναι να σβήσουμε την εικόνα που έχει ως wallpaper τελείως ώστε να εφαρμόζεται μόνο του theme το wallpaper.
Σε περίπτωση που θέλουμε να αντικαταστήσουμε wallpaper προσέχουμε να έχει ίδιες διαστάσεις με το ήδη υπάρχουν ώστε να ταιριάζει στην οθόνη του κινητού σας
και να μη βγαίνει παραμορφωμένο.

ΤΕΛΟΣ

Κάποια widget έχουν πιο οργανωμένη δομή με αποτέλεσμα να είναι πιο εύκολη η παραμετροποίησή τους.Συνήθως έχουν ένα φάκελο setup
όπου μέσα έχουν ένα αρχείο με κατάληξη js.Ανοίγετε το αρχείο αυτό με κάποιον editor ή Notepad και αλλάζετε αυτά που θέλετε
σύμφωνα με τα παραπάνω.


Οποιαδήποτε παράλειψη ή λάθος όποιος το δει παρακαλώ να μου το πει να το διορθώσω.Ελπίζω να τα έγραψα κατανοητά.

Τελευταία επεξεργασία από: mikexs, 10/04/2012 - 11:40

Αναρτημένη εικόνα


Ad

Ad

Team
iPhoneHellas
3,1416 μηνύματα
Twitter: @android
Φύλο: Όπως το δει κανείς
Κινητό: Android
Tablet: Για τα κουνούπια

Γιατί να γίνετε μέλη;

#2   nikoz87

nikoz87

    iPH Intergalactic Leader

  • 21.572 μηνύματα
  • Φύλο: Άντρας
  • Κινητό: iPhone 5
  • Tablet:iPad 4
  • GameCenter:TheNikoz

Δημοσίευση 01/03/2012 - 01:15

Πολύ καλός ο οδηγός! +1

#3   MarkKnopfler

MarkKnopfler

    iPH Intergalactic Leader

  • 16.726 μηνύματα
  • Twitter:@Fmiggas
  • Φύλο: Άντρας
  • Κινητό: iPhone 5S
  • Tablet:iPad 4
  • GameCenter:markknopfler

Δημοσίευση 01/03/2012 - 15:43

Thanx Νίκο έκανα ότι καλύτερο μπορούσα να είναι κατανοητός.

Αναρτημένη εικόνα


#4   ainerone

ainerone

    iPH Addict

  • 740 μηνύματα
  • Φύλο: Άντρας

Δημοσίευση 01/03/2012 - 15:45

Πολυ καλος οδηγος! +1 και απο εμενα :)

#5   andreas37d

andreas37d

    iPH Enthousiast

  • 484 μηνύματα
  • Φύλο: Άντρας
  • Κινητό: iPhone 4S
  • Tablet:iPad 2

Δημοσίευση 01/03/2012 - 15:46

μπραβο πολυ καλος οδηγος.

#6   KG200_Spartan

KG200_Spartan

    iPH newbie

  • 9 μηνύματα
  • Φύλο: Δ/Α

Δημοσίευση 02/03/2012 - 17:37

Πολυ καλος ο οδηγος σου φιλε μου .. Μπραβο ! B)

#7   tzigis

tzigis

    iPH Addict

  • 663 μηνύματα
  • Φύλο: Άντρας

Δημοσίευση 02/03/2012 - 18:56

πολυ καλος.1+ και απο εμενα

#8   Tolislindos

Tolislindos

    iPH User

  • 199 μηνύματα
  • Φύλο: Άντρας

Δημοσίευση 31/03/2012 - 16:46

+1 και απο μενα.Αυτο που ηθελα ειναι αν μπορεις βεβαια να φτιαξεις και ενα οδηγο widget με GPS να
βρισκουμε τον καιρο της πολης μας
Ευχαριστω πολυ

#9   MarkKnopfler

MarkKnopfler

    iPH Intergalactic Leader

  • 16.726 μηνύματα
  • Twitter:@Fmiggas
  • Φύλο: Άντρας
  • Κινητό: iPhone 5S
  • Tablet:iPad 4
  • GameCenter:markknopfler

Δημοσίευση 31/03/2012 - 17:10

Για το GPS τα πράγματα νομίζω είναι απλά αν και δεν έχω δοκιμάσει κάποιο να πω την αλήθεια.Απλά ανοίγεις το GPS βρίσκει που είσαι (πρέπει να έχεις σήμα GPS-δλδ να μην είσαι μέσα σε σπίτι),κάνεις ένα
respring και είσαι οκ.Αν κάνω λάθος ας με διορθώσει κάποιος..

Ευχαριστώ να είσαι καλά...

Αναρτημένη εικόνα


#10   Tolislindos

Tolislindos

    iPH User

  • 199 μηνύματα
  • Φύλο: Άντρας

Δημοσίευση 31/03/2012 - 17:17

Default GPS Based HTML Lockscreen Weather Theme

This is my first Lockscreen theme! Hope you like it!

Download from Cydia : Search for "GPS Weather Lockscreen"
ModMyi.com | GPS Weather Lockscreen
Download from Cydia : "Wallpaper JPEGifier" as the theme uses lockscreen wallpaper as background. (requires respring after changing wallpaper)

Features :
-------------
- The theme does not require manually editing the weather location codes.
- The location code is obtained automatically via Yahoo Place Finder API based on your latitude/longitude.
- The weather/location is refreshed automatically when you move to a new place.

The theme is divided into two parts
1. "HTML theme" - that reads your co-ordinates and then displays weather and location.
2. "Application" - that uses Location Services to get your co-ordinates (latitude/longitude).

Installation Instructions :
==================
1. Download the theme from Cydia
2. Open application MyLocation from your homescreen and turn on "Sig. Change" only. Allow application to use Location Services and then close the application.

Note:
====
1. This theme uses Location Services and the location services icon will always be visible on the status bar
2. In the application "MyLocation" turn on only Sig. Change. This is more battery efficient as per Apple. For more information read "Significant-Change Location Service" https://developer.ap....eLocation.html
3. The application needs to be launched only once after installation. The location will be updated even if the application is terminated by the user or ios. There is no need to relaunch the application after reboot.
4. I have tested this on ios 5.01/iPhone 4
Posted Image .Αν μπορει καποιος να μας εξηγησει

#11   MarkKnopfler

MarkKnopfler

    iPH Intergalactic Leader

  • 16.726 μηνύματα
  • Twitter:@Fmiggas
  • Φύλο: Άντρας
  • Κινητό: iPhone 5S
  • Tablet:iPad 4
  • GameCenter:markknopfler

Δημοσίευση 31/03/2012 - 17:29

Θες να σου εξηγήσουμε σε Ελληνικά τι λέει;Γιατί λέει ακριβώς τι πρέπει να κάνεις.

Αναρτημένη εικόνα


#12   Tolislindos

Tolislindos

    iPH User

  • 199 μηνύματα
  • Φύλο: Άντρας

Δημοσίευση 31/03/2012 - 19:18

Φιλε Μαρκο αν σε λενε ετσι.Λοιπον κατεβασα την GPS Weather Lockscreen,οπως και το Weather JPEGifier απο κει και περα
τι πρεπει να κανω?.Οποιος ξερει ας βοηθησει

#13   MarkKnopfler

MarkKnopfler

    iPH Intergalactic Leader

  • 16.726 μηνύματα
  • Twitter:@Fmiggas
  • Φύλο: Άντρας
  • Κινητό: iPhone 5S
  • Tablet:iPad 4
  • GameCenter:markknopfler

Δημοσίευση 01/04/2012 - 00:20

Δεν με λενε μαρκο το nick μου ειναι!Επειδη ειμαι απο tapatalk θα στο πω λιγο εν συντομία.
Θα ανοιξεις Gps μετα θα βρεις ενα εικονιδιο "my location"που λογικα θα σου δημιουργήσει στη homescreen!
Εκει θα εχει μια επιλογη "sig change",καντην on!Μετα πρεπει να βρει σημα το gps για να βρει τη θεση σου!!!

Αναρτημένη εικόνα


#14   hulio

hulio

    iPH Enthousiast

  • 426 μηνύματα
  • Φύλο: Άντρας
  • Κινητό: iPhone 5
  • Tablet:iPad 3

Δημοσίευση 01/04/2012 - 00:23

ευχαριστουμε πολυ, +1

#15   MarkKnopfler

MarkKnopfler

    iPH Intergalactic Leader

  • 16.726 μηνύματα
  • Twitter:@Fmiggas
  • Φύλο: Άντρας
  • Κινητό: iPhone 5S
  • Tablet:iPad 4
  • GameCenter:markknopfler

Δημοσίευση 10/04/2012 - 21:26

Το αρχικό post ενημερώθηκε με μετάφραση των οδηγίων, που δίνουν οι developers τους, για τα GPS Widget . Αν υπάρχει κάτι λάθος στο συγκεκριμένο κομμάτι όποιος ξέρει καλύτερα από GPS Widgets ας το πει να διορθωθεί.

Ευχαριστώ το mikexs για την άμεση ανταπόκριση.

Αναρτημένη εικόνα


Ad

Ad

Team
iPhoneHellas
3,1416 μηνύματα
Twitter: @android
Φύλο: Όπως το δει κανείς
Κινητό: Android
Tablet: Για τα κουνούπια

Γιατί να γίνετε μέλη;



Χρήστες που διαβάζουν αυτό το θέμα: 1

0 μέλη, 1 επισκέπτες, 0 ανώνυμοι χρήστες