ABA


"Glass Effect in iOS7 - מסתבר שזה ממומש בדיוק כפי שחשבתי"
גירסת הדפסה        
קבוצות דיון גרפיקה נושא #20136 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 20136
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   19:29   12.10.13   
אל הפורום  
  Glass Effect in iOS7 - מסתבר שזה ממומש בדיוק כפי שחשבתי  
 
   ערכתי לאחרונה בתאריך 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


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  מעניין + שאלה משה הלולן 13.10.13 18:06 1
     כן ולא, הצילום מסך עדכני תמיד שניה לפני שנפתח הפופאפ \ מקלדת \ מרכז הבקרה וכו'.. Avi139   14.10.13 00:14 2
  חחחחח תחמנים yaron86 14.10.13 21:32 3
     חחח אתה נראה לי היחיד שהתעמק בתאוריה שלי באשכול ההוא... ;) Avi139   14.10.13 23:53 4
  יפה מאוד אחי, מעניין, תודה! nimroder 16.10.13 05:33 5
  למרות שזה בא להעשיר ולהעצים את החוייה, מסתבר שלא כולם אוהבים את זה Avi139   25.10.13 01:14 6

       
משה הלולן לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק
   18:06   13.10.13   
אל הפורום  
  1. מעניין + שאלה  
בתגובה להודעה מספר 0
 
   בעצם כל פעם לפני שימוש באפקט מתבצע צילום מסך?(בios)
כי האייקונים בשולחן עבודה משתנים כל הזמן


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   00:14   14.10.13   
אל הפורום  
  2. כן ולא, הצילום מסך עדכני תמיד שניה לפני שנפתח הפופאפ \ מקלדת \ מרכז הבקרה וכו'..  
בתגובה להודעה מספר 1
 
  

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
yaron86 לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 5.1.12
2848 הודעות, 2 פידבק
   21:32   14.10.13   
אל הפורום  
  3. חחחחח תחמנים  
בתגובה להודעה מספר 0
 
   עלית על זה יפה!


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   23:53   14.10.13   
אל הפורום  
  4. חחח אתה נראה לי היחיד שהתעמק בתאוריה שלי באשכול ההוא... ;)  
בתגובה להודעה מספר 3
 
  

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
nimroder לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 25.9.09
8557 הודעות, 4 פידבק
   05:33   16.10.13   
אל הפורום  
  5. יפה מאוד אחי, מעניין, תודה!  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   01:14   25.10.13   
אל הפורום  
  6. למרות שזה בא להעשיר ולהעצים את החוייה, מסתבר שלא כולם אוהבים את זה  
בתגובה להודעה מספר 0
 
   הינה מדריך קליל בLH איך לבטל את הממשק השקוף והמטושטש הזה כדי להגביר ביצועים:
http://lifehacker.com/disable-blur-effects-in-ios-7-for-easier-reading-bette-1450054533?utm_campaign=socialflow_lifehacker_facebook&utm_source=lifehacker_facebook&utm_medium=socialflow

והינה פוסט שלם של מישהו שאמנם לא עבר לאנדרואיד בגלל שהGLASS EFFECT של אפל רע, אלא בגלל שמבינתו אפל לא מחדשת שומדבר אלא מתנהגת כמו מיקרוסופט ומחדשת רק ממשק ולא את מה שמאחורי זה.

ואני כמעריץ + מתעב אפל ותיק אומר "איזה אנשים בכיינים!" חחח לפחות השקיעו, ניסו והקדישו מחשבה ומשאבים באפל לחדש קצת ולרענן, מה רע?? אבל לגיטימי שמי שלא אוהב ירצה לכבות את האפקט... בכל מקרה CHEERS

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net