باد و iPhone الرسومات نقاط مقابل بكسل

• أبريل 30, 2024

كما هو الحال في معظم المشاريع ، ستقوم بإنشاء الرسومات لتطبيق iPad قبل البدء في إنشاء تطبيق iOS. مع إصدار iPad والتغييرات التي تطرأ على iOS SDK ، يمكنك الآن إنشاء تطبيقات iOS عالمية. سيعمل تطبيق عالمي على iPhone / iPod و iPad. عند إنشاء الرسومات لتطبيق عالمي ، قد تعتقد أنك ستقوم بإنشاء صورة واحدة كبيرة (حجم iPad) وإخبار التطبيق بتغيير حجم الصورة حسب الضرورة لجهاز العارض. ولكن ، هذا يعطي نتائج سيئة للغاية. واحدة من الميزات المدهشة لتطبيقات iOS هي دقة الشاشة الرائعة. للاستفادة من هذه الميزة ، ستحتاج إلى رسومات بأحجام متعددة. سيستخدم التطبيق رسمًا مختلفًا وفقًا لجهاز المستخدم.

في هذا البرنامج التعليمي ، نفترض أن تطبيقك سيتم تشغيله في وضع ملء الشاشة ، مما يؤدي إلى حظر شريط الحالة (الشريط الذي يظهر رمز البطارية). إذا لم يكن الأمر كذلك ، فستحتاج إلى التعويض عن 20 نقطة يتم تناولها بواسطة شريط الحالة. ربما لاحظت أنني استخدمت نقاط المدى بدلاً من البكسل.

إذا كنت تعمل بالبكسل على الويب ، فستحتاج إلى البدء في التفكير بالنقاط. تفاحة^R يشير إلى حجم الشاشة بالنقاط والبكسل ، ويمكن للوهلة الأولى أن يكون الفرق محيرًا. لم تكن هذه مشكلة بالفعل أمام iPhone 4 لأن عدد النقاط يساوي عدد البكسل لكل جهاز. ومع ذلك ، يحتوي iPhone 4 على شاشة Retina. في حال كانت هذه هي المرة الأولى التي تسمع فيها كلمة "Retina" ، فهي تشير إلى الشاشة الجديدة عالية الدقة التي تستخدم 4 بكسل لكل نقطة على الشاشة. لذلك ، فإن iPhone 4 سيكون له نفس الأبعاد المادية مثل أجهزة iPhone السابقة ولكن سيستخدم مرتين في عدد البكسلات الرأسية والأفقية.



لذلك سوف نرغب في إنشاء الرسومات لتطبيقاتنا بثلاثة أحجام. هناك دقة منخفضة وأحجام عالية الدقة لجهاز iPhone. ثم الرسومات لباد هي الحجم الثالث.

يوجد أدناه ملخص لعلاقة البكسل لكل جهاز.

iPad: 1024 بكسل × 768 بكسل × 132 دقة
دقة الشاشة 4: 960 بكسل × 640 بكسل × 326
iPhone 3G: 480 بكسل × 320 بكسل × 163 دقة

قد تتساءل عن سبب اختلاف دقة كل جهاز. الدقة هي عدد البكسل في البوصة. الفرق في الدقة لكل جهاز هو انعكاس لكثافة البكسل في البوصة. على سبيل المثال ، تبلغ مساحة عرض iPad 7.76 بوصة × 5.82 بوصة وأبعاد البكسل 1024 × 768. والنتيجة هي دقة 132.

القرار والنتيجة حجم الشاشة

سيكون 1024 × 768 في 72 الدقة 14.22 بوصة بنسبة 10.66 بوصة
سيكون 1024 × 768 في 132 الدقة 7.76 بوصة بنسبة 5.82 بوصة

لذلك ، يأخذ جهاز iOS 1024 × 768 بكسل ، والتي سيتم عرضها في 14.22 بوصة في 10.66 بوصة على شاشة الكمبيوتر الخاص بك ، وضغطها في 7.76 بوصة بنسبة 5.82 بوصة على iPad. هذا الضغط هو السبب في أن iPad والأجهزة الأخرى لديها مثل هذه الشاشة الرائعة وكذلك سبب دقة 132.

حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.
Apple و Motion و iBooks Author و GarageBand و TextEdit و Pages و iMovie و Mac هي علامات تجارية لشركة Apple Inc. ، مسجلة في الولايات المتحدة ودول أخرى. CoffeBreakBlog هو منشور مستقل ولم يتم اعتماده أو رعايته أو الموافقة عليه بطريقة أخرى بواسطة Apple Inc.

تعليمات الفيديو: This Is NOT Another iPad... (أبريل 2024).