ערכתי לאחרונה בתאריך 25.10.13 בשעה 01:10 בברכה, Avi139
תמיד תהיתי כיצד אפשרי לממש Glass Effect במכשירי מובייל עם מעבדים כ"כ חלשים בארכיטקטורת ARM כאשר הייחודיות של הAERO של WINDOWS VISTA + WINDOWS 7 היה הGLASS EFFECT של ה-AERO. פתאום אפל מתחילה ליישם את זה בIOS7 וזה מיד משך את תשומת ליבי וחקרתי קצת עוד בשלבי הBETA איך אפל מימשו דבר שכזה בכ"כ ייעילות ובצורה שלא מכבידה על הממשק הכללי במכשירים ישנים כמו האייפון 4-4S ... הרי אין מצב שמדובר ברינדור REAL TIME כמו שהיה בוינדוס ודרש GPU מתקדם כדי לרנדר את כל אפקטי הBLUR בזמן אמת שקורים מאחורי חלון חצי שקוף שמאחוריו רץ וידאו... אז לא, בIOS7 אנחנו עדיין לא שם, כי מה שנותן את האשלייה זה סה"כ צילום מסך שמרונדר עם אפקט BLUR פשוט ונותן את התחושה. בגלל זה בפרזנטציות של אפל הרמתי גבה כשראיתי שהאפקט קיים גם בנגן הוידאו שלהם וידעתי שעובדים עלינו.כמישהו שאכל מזה הרבה קש בפיתוח נגן וידאו בSILVERLIGHT ובניגוד לאפליקציית WPF בSL בלתי אפשרי לקשר את הפרויקט לספריית הDLLים של הוינדוס שכוללים גישה לרינדור הAERO GLASS EFFECT... אז נאלצתי בזמנו למצוא פתרונות יצירתיים אחרים...
ההשערה שהבאתי בזמנו בפורום סמארטפונס כנראה הייתה נכונה והינה כבר צצו ברשת מפתחים שהצליחו לכתוב קוד קליל שממש את זה בצורה דיי מעולה! יש גם פתרון JS + HTML5 למי שרוצה, רק שזה לא הכי מוצלח.
מסתבר שהתאוריה שלי תמיד הייתה נכונה למרות שאף אחד לא דיבר על זה ברשת בצורה גלוייה ;)
אז אם חשקה נפשכם לפתח אפליקצייה עם גלאס אפקט, 2 מדריכים:
Corona SDK
http://www.coronalabs.com/blog/2013/09/20/graphics-ios-7-translucent-glass-effect/
HTML5 + JS
http://jsfiddle.net/RgBzH/
עריכה - עוד דרכים חדשות לממש את זה בHTML + CSS וזה פשוט עובד לא רע, מצריך כרום במחשב ובסמארטפונים זה עובד בכרום ואופרה (בIOS גם בסאפרי).
שימוש בCSS:
http://css-tricks.com/blurry-transparent-header-effect-ios7-css/
הסבר ומימוש טיפה שונה:
http://www.webdirections.org/blog/creating-ios-7-effects-with-css3-translucency-and-transparency/
דמו שעובד מעולה בכרום:
http://fsasso.com/labs/blur/
עוד מימוש CSS:
http://ilee.co.uk/ios7-navigation-bar-using-css/
תהנו!
“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y