اینڈروئیڈ لے آؤٹ ڈیزائن ٹیوٹوریل: ہر وہ چیز جو آپ کو جاننے کی ضرورت ہے



یہ اینڈروئیڈ لے آؤٹ ڈیزائن ٹیوٹوریل آپ کو یہ سمجھنے میں مدد کرے گا کہ ڈیمو کے ساتھ ملاحظات اور ویو گروپس کو استعمال کرکے ترتیب کو کس طرح ڈیزائن کیا جاسکتا ہے۔

اگر آپ نئے ہیں ، آپ لے آؤٹ ڈیزائن کے بارے میں اپنی تعلیم شروع کرنے کے ل the بہترین جگہ پر پہنچ گئے ہیں۔ اینڈروئیڈ لے آؤٹ ڈیزائن ٹیوٹوریل سے متعلق یہ مضمون آپ کے راستے میں مددگار ثابت ہوگابہتر UI ڈیزائن بنانے کے لئے کچھ مفید نکات اور یہ بھی واضح کرتا ہے کہ UI کو کس طرح ڈیزائن کیا جائے۔

میں ذیل میں عنوانات پر گفتگو کروں گا:





تو ، آئیے شروع کریں!

جاوا میں اضافے کا طریقہ

Android لے آؤٹ ڈیزائن ٹیوٹوریل: UI اجزاء کا تعارف

UI اجزاء کے بارے میں بات کرتے ہوئے ، کسی بھی Android ایپلی کیشن کا مخصوص UI ان اجزاء پر مشتمل ہوتا ہے:



  • مین ایکشن بار
  • کنٹرول دیکھیں
  • مشمولہ علاقہ
  • اسپلٹ ایکشن بار

جب آپ ایک پیچیدہ ایپلی کیشن تیار کررہے ہو تو یہ اہم کردار ادا کرتے ہیں۔ جب ہم اس مضمون کے ڈیمو حصے میں آئیں گے تو آپ کو اس کا واضح نظارہ مل جائے گا۔

ایک اور اہم عنصر جو UI ڈیزائن کو اپنی مرضی کے مطابق بنانے میں مدد کرتا ہے وہ دیکھنے کا جز ہوگا۔

آئیے دیکھتے ہیں کہ اس میں کیا نظارہ ہے



Android لے آؤٹ ڈیزائن ٹیوٹوریل: مناظر

TO دیکھیں مناسب صارف انٹرفیس کے ل a ایک بنیادی عمارت کا بلاک سمجھا جاتا ہے جو حقیقت میں اس سے بنایا گیا ہے کلاس دیکھیں . اس نے اسکرین پر ایک مستطیل ایریا پر قبضہ کیا ہے اور آخر کار ڈرائنگ اور ایونٹ ہینڈلنگ کا خیال رکھتا ہے۔

ایک نظریہ وجیٹس کے لئے بنیادی طبقہ ہے ، جو انٹرایکٹو UI اجزاء جیسے بٹن ، متن والے فیلڈز ، وغیرہ بنانے کے لئے استعمال ہوتا ہے اب مستطیل کے علاقے یا کسی باکس کے بارے میں بات کرتے ہوئے ، یہ یا تو شبیہہ ، متن کا ٹکڑا ، ایک بٹن یا ہوسکتا ہے ایک android ایپلیکیشن ڈسپلے کر سکتا ہے کہ کچھ بھی. مستطیل یہاں حقیقت میں پوشیدہ ہے ، لیکن ہر قول مستطیل کی شکل پر قبضہ کرتا ہے۔

آپ سے ایک سوال ہوسکتا ہے ، اس مستطیل کی حجم کیا ہوسکتی ہے؟

اس کا جواب یہ ہے کہ آپ اسے عین مطابق سائز (مناسب اکائیوں کے ساتھ) کی وضاحت کرکے یا کچھ وضاحتی اقدار کا استعمال کرکے دستی طور پر مقرر کرسکتے ہیں۔ یہ متعین قدریں ہیں میچ_ والدین اور لپیٹ_ضمیر. یہ میچ_والدین اس کی نشاندہی کرتا ہے کہ وہ آلے کی نمائش پر دستیاب پوری جگہ پر قبضہ کرے گا۔ جبکہ ، لپیٹ_کونٹ اس سے مراد ہے کہ اس کے مشمولات کی نمائش کے ل required ضرورت کے مطابق صرف اتنی ہی جگہ پر قبضہ ہوگا۔

آئیے اب دیکھیں اور دیکھیں گروپ کے مابین بڑے فرق کی نشاندہی کریں۔

دیکھیں

  1. دیکھیں اینڈروئیڈ میں UI عناصر کے بنیادی بلڈنگ بلاکس اشیاء ہیں۔
  2. نظارہ ایک سادہ مستطیل خانہ ہے جو صارف کے اعمال کا جواب دیتا ہے۔
  3. ویو سے مراد android.view.Vive کلاس ہے ، جو تمام UI کلاسوں کی اساس کلاس ہے۔
  4. مثالیں ایڈٹ ٹیکسٹ ، بٹن ، چیک باکس ، وغیرہ ہیں۔

ویو گروپ

  1. ویو گروپ پوشیدہ کنٹینر ہے جس میں دیکھیں اور دیکھیں گروپ ہوتا ہے۔
  2. ویو گروپ اس کے لئے بیس کلاس ہے ترتیب .
  3. مثال کے طور پر ، لائنر لی آؤٹ وہ ویو گروپ ہے جس میں بٹن (دیکھیں) ، اور دیگر لے آؤٹ بھی شامل ہیں۔

اب آئیے ہم آگے بڑھیں اور موجودہ ترتیبوں کو سمجھیں۔

Android لے آؤٹ ڈیزائن ٹیوٹوریل: ترتیب کی قسمیں

TO ترتیب درخواست میں صارف کے انٹرفیس کے لئے ڈھانچے کی وضاحت کرتا ہے۔ لے آؤٹ کے تمام عناصر کو ایک درجہ بندی کا استعمال کرتے ہوئے بنایا گیا ہے دیکھیں اور ویو گروپ اشیاء.

اب آئیے دیکھتے ہیں کہ لے آؤٹ کا اعلان کیسے کیا جائے۔

آپ دو طریقوں سے کسی ترتیب کا اعلان کرسکتے ہیں:

  • XML میں UI عناصر کا اعلان کریں۔ اینڈروئیڈ ایک سیدھی سیدا XML الفاظ فراہم کرتا ہے جو ویو کلاسز اور ذیلی طبقات سے مطابقت رکھتا ہے ، جیسے وجیٹس اور ترتیب کے لئے۔

نوٹ: آپ ڈریگ اینڈ ڈراپ انٹرفیس کا استعمال کرکے اپنے XML لے آؤٹ کی تعمیر کیلئے Android اسٹوڈیو کا لے آؤٹ ایڈیٹر بھی استعمال کرسکتے ہیں۔

  • پر ترتیب عناصر کو تیز کریں چلانے کا وقت . ایپلیکیشن تشکیل دے سکتی ہے دیکھیں اور ویو گروپ اشیاء اور ان کی خصوصیات کو پروگرام کے مطابق ہیرا پھیری کریں۔

آئیے مختلف قسم کے لے آؤٹ پر تبادلہ خیال کرتے ہیں۔

اینڈروئیڈ میں UI ویوز اور ویو گروپس کا ایک درجہ بندی ہے۔ ویو گروپس تنظیمی ڈھانچے میں انٹرمیڈیٹ نوڈس ہوں گے ، اور یہ نظریات ٹرمینل نوڈس ہوں گے۔

  • لکیری ترتیب
  • مطلق ترتیب
  • متعلقہ ترتیب
  • ٹیبل ترتیب
  • فریم ترتیب

آئیے ان پر تفصیل سے بات کرتے ہیں۔

لکیری ترتیب

لکیری ترتیب ہر لائن پر ایک عنصر رکھنے کے لئے استعمال ہوتی ہے۔ لہذا ، تمام عناصر کو ترتیب سے اوپر سے نیچے فیشن میں رکھا جائے گا۔ یہ اینڈرائڈ پر فارم بنانے کے لئے ایک بہت وسیع استعمال شدہ ترتیب ہے۔ اس کو نظارہ گروپ کے طور پر بھی دیکھا جاسکتا ہے جو تمام بچوں کو عمودی یا افقی طور پر ایک ہی سمت میں سیدھ میں کرتا ہے۔

مطلق ترتیب

مطلق ترتیب میں ، آپ ہر ایک کنٹرول کے عین مطابق نقاط کی وضاحت کرسکتے ہیں جو آپ رکھنا چاہتے ہیں۔ اس قسم کی ترتیب میں ، آپ ہر کنٹرول کے عین مطابق X اور Y کوآرڈینیٹ دے سکتے ہیں۔ یہ آپ کو اپنے بچوں کی صحیح جگہ کی وضاحت کرنے کے قابل بناتا ہے۔

متعلقہ ترتیب

ایک متعلقہ لے آؤٹ ہے a ویو گروپ جو رشتہ دار پوزیشنوں پر بچوں کے خیالات ظاہر کرتا ہے۔ تمدوسرے عناصر کے سلسلے میں ، یا والدین کے کنٹینر کے سلسلے میں عناصر کی پوزیشن کی وضاحت کرسکتے ہیں۔

ٹیبل ترتیب

ٹیبل لے آؤٹ کا استعمال کرتے ہوئے ، آپ قطاروں اور کالموں کے ساتھ ایک میز تشکیل دے سکتے ہیں اور ان کے اندر عناصر رکھ سکتے ہیں۔ ہر صف میں ، آپ ایک یا زیادہ عناصر کی وضاحت کرسکتے ہیں۔ آپ اس کمانڈ کو استعمال کرسکتے ہیں تاکہ نیا ٹیبل لے آؤٹ تشکیل دیا جاسکے۔

فریم ترتیب

جب آپ ہر اسکرین پر ایک آئٹم دکھانا چاہتے ہیں تو فریم لے آؤٹ کا استعمال کیا جاتا ہے۔ فریم لے آؤٹ کا استعمال کرتے ہوئے ، آپ کو ایک سے زیادہ اشیاء مل سکتی ہیں۔یہ فریم لے آؤٹ اسکرین کا ایک پلیس ہولڈر ہے جس کا استعمال آپ واحد نظارہ ظاہر کرنے کے لئے کر سکتے ہیں۔

Android لے آؤٹ ڈیزائن ٹیوٹوریل: پیمائش کی اکائیاں

جب آپ کسی Android UI پر کسی عنصر کے سائز کی وضاحت کررہے ہیں تو ، آپ کو پیمائش کے درج ذیل اکائیوں کو یقینی طور پر یاد رکھنا چاہئے۔

یونٹ تفصیل
ڈی پی کثافت آزاد پکسل۔ 1 ڈی پی a پر ایک پکسل کے برابر ہے 160 ڈی پی آئی اسکرین
ایس پی اسکیل انڈیپنڈنٹ پکسل۔ یہ ڈی پی سے بہت ملتا جلتا ہے لیکن صرف اس کی سفارش فونٹ کے سائز کے لئے کی جاتی ہے۔
pt پوائنٹ ایک نقطہ ایک انچ کا 1/72 ہونا بیان کیا گیا ہے۔
px پکسل۔ اسکرین پر اصل پکسلز کے مطابق ہے

اب ، آئیے اس مضمون کے آخری عنوان کی طرف آگے بڑھیں۔

Android لے آؤٹ ڈیزائن ٹیوٹوریل: ڈیمو

اس ڈیمو سیکشن میں ، آئیے سمجھیں کہ اندر آؤٹ کے ساتھ کس طرح کام کرنا ہے Android اسٹوڈیو .

حوالہ دیں Android اسٹوڈیو میں۔

اس طرح ترتیب کی طرح لگتا ہے. صرف ڈرائ ایبل منتخب کریں اور آپ کو کچھ کلاسیں ملیں گی ، اس ڈرائ ایبل کے تحت کوئی اور کلاس منتخب کریں۔ آپ یا تو ترتیب کا ڈھانچہ کوڈ کرسکتے ہیں یا آپ ڈیزائن کو دیکھ سکتے ہیں اور صرف ڈیزائنز کی جگہ پر اجزاء کو گھسیٹ کر چھوڑ سکتے ہیں۔

ڈیمو - اینڈروئیڈ لے آؤٹ ڈیزائن ٹیوٹوریل - ایڈورکا

آپ اجزاء کے درخت کے نیچے اپنے منتخب کردہ اجزاء کو دیکھ سکتے ہیں۔

آپ انہیں ترتیب میں بھی ڈھونڈ سکتے ہیں۔

  1. پیلیٹ : اس میں نظارے اور نظارے کے گروپس کی فہرست موجود ہے جسے آپ اپنی ترتیب میں کھینچ سکتے ہیں۔
  2. اجزاء درخت : آپ کے لے آؤٹ کے لئے ملاحظہ کریں تقویم پر مشتمل ہے۔
  3. ٹول بار : بٹن ایڈیٹر میں ترتیب ظاہری شکل تشکیل کرنے اور کچھ ترتیب خصوصیات کو تبدیل کرنے کے لئے۔
  4. ڈیزائن ایڈیٹر : ڈیزائن یا بلیو پرنٹ ویو ، یا دونوں میں لے آؤٹ۔ ڈیزائن جگہ کی حیثیت سے بھی سمجھا جاتا ہے۔
  5. اوصاف : یہ منتخب کردہ نظریہ کی خصوصیات کو کنٹرول کرتا ہے۔

اس کے ساتھ ، ہم 'اینڈروئیڈ لے آؤٹ ڈیزائن ٹیوٹوریل' پر اس مضمون کے آخر میں پہنچتے ہیں۔ امید ہے کہ آپ لوگ اس ٹیوٹوریل میں آپ کے ساتھ جو کچھ شیئر کیا ہے اس سے صاف ہوں گے۔دوسرے اشتہارات اور اینڈروئیڈ ڈویلپمنٹ کیریئر کے ساتھ خوش قسمت رہیں۔

اب جب آپ اینڈرائیڈ لے آؤٹ ڈیزائن کی بنیادی باتوں کو سمجھ چکے ہیں تو ، چیک کریں ایڈوریکا کے ذریعہ ، ایک قابل اعتماد آن لائن سیکھنے والی کمپنی جس کی دنیا بھر میں 250،000 سے زیادہ مطمئن سیکھنے والوں کے نیٹ ورک ہیں۔

ایڈورکا کا اینڈرائڈ ایپ ڈویلپمنٹ سرٹیفیکیشن ٹریننگ کورس ان طلباء اور پیشہ ور افراد کے لئے ڈیزائن کیا گیا ہے جو Android ڈویلپر بننا چاہتے ہیں۔ کورس آپ کو جاوا پروگرامنگ میں آغاز فراہم کرنے اور ایک ایسے پروجیکٹ کے ساتھ ساتھ دونوں بنیادی اور جدید نظریات کی تربیت دینے کے لئے ڈیزائن کیا گیا ہے جہاں آپ سے Android میں ایک اپلی کیشن بنانے کی توقع کی جاسکتی ہے۔

ہمارے لئے ایک سوال ہے؟ براہ کرم اس 'اینڈروئیڈ لے آؤٹ ڈیزائن ٹیوٹوریل' بلاگ کے تبصرے سیکشن میں اس کا تذکرہ کریں اور ہم جلد سے جلد آپ کے پاس مل جائیں گے۔