Android - بحاجة إلى مساعدة/نصيحة واجهة المستخدم

Question

لقد كنت أعمل على Android خلال الشهرين الماضيين للتعرف على كيفية عمل المكونات المختلفة.

أحد المجالات التي أفتقر إليها تمامًا في المعرفة هي أي نوع من واجهة المستخدم أو إنشاء الواجهة الرسومية.

بصفتي تمرينًا ، طُلب مني تحطيم شاشة مكالمة HTC إلى المكونات التي تحتوي عليها وإعادة البناء في أقرب وقت ممكن.

فيما يلي صورة لشاشة مكالمة HTC:

HTC Dialer http://img688.imageshack.us/img688/7663/incall.png

من فهمي ، يحتوي واجهة المستخدم أعلاه على شريط عنوان مخصص حيث يظهر "Meteor" ويظهر وقت الاتصال.

ثم الصورة الرئيسية في الكتلة الوسطى جنبًا إلى جنب مع عرض نص يوضح الطرف المسمى ، في هذه الحالة "البريد الصوتي" والرقم.

الجزء السفلي هو عرض مخصص ربما مع ثلاثة أزرار مخصصة تستخدم داخله.

هل سأكون على صواب في افتراضاتي أعلاه؟

لذا فإن الأجزاء التي يجب أن أبحث عنها في البرمجة هي شريط عنوان مخصص وعرض مخصص مع ثلاثة أزرار مخصصة لوضعها في الأسفل؟

ما هو التصميم الذي سيتم التوصيف؟

آمل أن يُنظر إلى هذا السؤال على أنه نسبة إلى سعة مكدس ، إذا لم يكن ذلك ، فسوف أحذفه.

شكرا مقدما

Answer 1

باستخدام C: Program Files Android SDK Tools HierarchyViewer.bat يمكنك التحقق

Answer 2

لقد كنت أنظر إلى هذا التصميم وغيرت رأيي عدة مرات حول هذا الموضوع ، لكنني أعتقد أن هذا هو ما يتم ذلك. إخلاء المسئولية: لم أحاول استخدام طريقة Steelbytes ، لذلك يمكن أن أكون مخطئًا تمامًا!

1) ربما يتم انعكاس الروبوت تحت النص بطريقة مماثلة لتلك الخاصة بتطبيق مثال القمور. تحتوي تلك اللعبة على قماش رسم مع عرض نص عائم في منتصف الشاشة لعرض النص. يستخدم framelayout يحتوي على طريقة عرض مخصصة (والتي تمد SurfaceView ويحمل رسم الرسومات) و Relativelayout ، والتي بدورها لديها TextView. الحيلة هي أن طريقة عرض الرسم المخصصة و arerativelayout يتم تعيينهما على ملء ، ولكن يتم رسم TextView من Relativelayout فوق عرض الرسم. أتصور أنه يتعين عليك القيام بشيء مماثل لأن رسم انعكاس لصورة جهة الاتصال التي تم الاتصال به قد يتطلب على الأرجح قماشًا من نوع ما لأنه يجب أن يكون قادرًا على توليد الانعكاس برمجيًا.

2) ربما لا تكون قائمة الأزرار الموجودة في الأسفل بمثابة عرض مخصص ، ولكن يتم ذلك بذكاء لتبدو هكذا. أعتقد أنها مجرد linearlayout أفقية بسيطة مع خلفية ذات لون متدرج مع 3 أزرار فيه. يأتي الجزء الذكي مع اختيار الأعمال الفنية المستخدمة للأزرار ؛ لتحقيق هذا المظهر حيث يبدو أنها مقطعة إلى شريط الأزرار ، استخدموا صورًا خلفية مرسومة بعناية مع تظليل على الحواف. هذه الطريقة التي يبدو بها أن شريط الأزرار يحتوي على ثلاث ثقوب مقطوعة في الأزرار ، لكن الأزرار هي فقط مرسومة فوقها مثل الأزرار الأخرى.

Answer 3

أنا ، مثلك ، قد اهتمت للتو بالتطور لنظام Android ، ولا أعرف الكثير عن ذلك ، بنفسي ، لذا خذ هذا مع حبة أو اثنين من الملح.

إذا كنت ترغب في معرفة كيفية عمل التخطيطات ، فهناك بيئة برمجة تسمى Eclipse التي يمكنك تنزيلها مجانًا. يحتوي على نوع من محرر مصمم / تخطيط النماذج التي يمكنك اللعب بها مع ما يوضح لك الشكل الذي سيبدو عليه تخطيطك ، وهو عرض شجرة يوضح كيف تتداخل تخطيطاتك ، ويمكنك عرض XML الخام المستخدمة لإنشاءه.

هذا دليل تثبيت: http://developer.android.com/sdk/eclipse-adt.html#installing

أنه يحتوي على كل ما تحتاج إلى معرفته لتثبيت Eclipse والعمل مع Android SDK.

يحتوي Android SDK على حزمة مع تطبيقات عينة. يمكنك استيراد هذه العينات إلى Eclipse ثم التحقق من محرر التخطيط لمعرفة ما فعلوه. ومع ذلك ، لا يبدو أن جميع مكونات التخطيط تعمل في محرر Eclipse ، لذا فقد يكون تشغيل البرنامج في جهاز Android الظاهري ضروريًا لمعرفة شكل التطبيق.

هذه هي أفضل طريقة يمكنني التفكير فيها للمبتدئين مثلك وأنا للتعرف على كيفية عمل التخطيطات في Android.