Android లేఅవుట్ డిజైన్ ట్యుటోరియల్: మీరు తెలుసుకోవలసిన ప్రతిదీ



ఈ Android లేఅవుట్ డిజైన్ ట్యుటోరియల్ డెమోతో వీక్షణలు మరియు వ్యూగ్రూప్‌లను ఉపయోగించి లేఅవుట్‌లను ఎలా రూపొందించవచ్చో అర్థం చేసుకోవడానికి మీకు సహాయపడుతుంది.

మీరు కొత్తగా ఉంటే , లేఅవుట్ రూపకల్పన గురించి మీ అభ్యాసాన్ని ప్రారంభించడానికి మీరు సరైన స్థలంలోకి వచ్చారు. Android లేఅవుట్ డిజైన్ ట్యుటోరియల్‌లోని ఈ వ్యాసం మీ మార్గం నుండి బయటపడటానికి సహాయపడుతుందిమెరుగైన UI రూపకల్పన చేయడానికి కొన్ని ఉపయోగకరమైన చిట్కాలు మరియు UI ను ఎలా రూపొందించాలో కూడా వివరిస్తుంది.

నేను ఈ క్రింది విషయాలను చర్చిస్తున్నాను:





కాబట్టి, ప్రారంభిద్దాం!

ఫైబొనాక్సీ పునరుక్తి సి ++

Android లేఅవుట్ డిజైన్ ట్యుటోరియల్: UI భాగాల పరిచయం

UI భాగాల గురించి మాట్లాడుతూ, ఏదైనా Android అనువర్తనం యొక్క సాధారణ UI ఈ భాగాలను కలిగి ఉంటుంది:



  • ప్రధాన యాక్షన్ బార్
  • నియంత్రణను వీక్షించండి
  • కంటెంట్ ప్రాంతం
  • స్ప్లిట్ యాక్షన్ బార్

మీరు సంక్లిష్టమైన అనువర్తనాన్ని అభివృద్ధి చేస్తున్నప్పుడు ఇవి ప్రధాన పాత్ర పోషిస్తాయి. మేము ఈ వ్యాసం యొక్క డెమో విభాగానికి వచ్చినప్పుడు మీకు దీని గురించి స్పష్టమైన అభిప్రాయం లభిస్తుంది.

UI డిజైన్‌ను అనుకూలీకరించడంలో సహాయపడే మరో ముఖ్యమైన అంశం వీక్షణ భాగం.

వీక్షణ ఏమిటో చూద్దాం



Android లేఅవుట్ డిజైన్ ట్యుటోరియల్: వీక్షణలు

TO చూడండి వాస్తవానికి సృష్టించబడిన సరైన వినియోగదారు ఇంటర్‌ఫేస్ కోసం ప్రాథమిక బిల్డింగ్ బ్లాక్‌గా పరిగణించబడుతుంది తరగతి చూడండి . ఇది తెరపై దీర్ఘచతురస్రాకార ప్రాంతాన్ని ఆక్రమించింది మరియు చివరికి డ్రాయింగ్ మరియు ఈవెంట్ నిర్వహణను చూసుకుంటుంది.

బటన్లు, టెక్స్ట్ ఫీల్డ్‌లు మొదలైన ఇంటరాక్టివ్ UI భాగాలను సృష్టించడానికి ఉపయోగించే విడ్జెట్ల కోసం ఒక వీక్షణ అనేది బేస్ క్లాస్. ఇప్పుడు దీర్ఘచతురస్ర ప్రాంతం లేదా పెట్టె గురించి మాట్లాడుతుంటే, ఇది చిత్రం, టెక్స్ట్ ముక్క, బటన్ లేదా Android అనువర్తనం ప్రదర్శించగల ఏదైనా. ఇక్కడ దీర్ఘచతురస్రం వాస్తవానికి కనిపించదు, కానీ ప్రతి దృశ్యం దీర్ఘచతురస్ర ఆకారాన్ని ఆక్రమిస్తుంది.

మీకు ఒక ప్రశ్న ఉండవచ్చు, ఈ దీర్ఘచతురస్రం యొక్క పరిమాణం ఏమిటి?

ఖచ్చితమైన పరిమాణాన్ని (సరైన యూనిట్లతో) పేర్కొనడం ద్వారా లేదా కొన్ని ముందే నిర్వచించిన విలువలను ఉపయోగించడం ద్వారా మీరు దీన్ని మాన్యువల్‌గా సెట్ చేయవచ్చు. ఈ ముందే నిర్వచించిన విలువలు మ్యాచ్_ పేరెంట్ మరియు ర్యాప్_కాంటెంట్. ఇది మ్యాచ్_పేరెంట్ ఇది పరికరం యొక్క ప్రదర్శనలో అందుబాటులో ఉన్న పూర్తి స్థలాన్ని ఆక్రమిస్తుందని సూచిస్తుంది. కాగా, చుట్టు_కాంటెంట్ దాని కంటెంట్ ప్రదర్శించడానికి అవసరమైనంత స్థలాన్ని మాత్రమే ఆక్రమిస్తుందని సూచిస్తుంది.

ఇప్పుడు వీక్షణ మరియు వ్యూగ్రూప్ మధ్య ఉన్న ప్రధాన తేడాలను ఎత్తి చూపిద్దాం.

చూడండి

  1. చూడండి Android లోని UI మూలకాల యొక్క ప్రాథమిక బిల్డింగ్ బ్లాక్స్ వస్తువులు.
  2. వీక్షణ అనేది సాధారణ దీర్ఘచతురస్ర పెట్టె, ఇది వినియోగదారు చర్యలకు ప్రతిస్పందన.
  3. వీక్షణ అనేది Android.view.View క్లాస్‌ను సూచిస్తుంది, ఇది అన్ని UI తరగతుల బేస్ క్లాస్.
  4. ఎడిట్‌టెక్స్ట్, బటన్, చెక్‌బాక్స్ మొదలైనవి ఉదాహరణలు.

వ్యూగ్రూప్

  1. వ్యూగ్రూప్ వీక్షణ మరియు వీక్షణ సమూహాన్ని కలిగి ఉన్న అదృశ్య కంటైనర్.
  2. వ్యూగ్రూప్ అనేది బేస్ క్లాస్ లేఅవుట్లు .
  3. ఉదాహరణకు, లీనియర్లేఅవుట్ అనేది బటన్ (వ్యూ) మరియు ఇతర లేఅవుట్‌లను కలిగి ఉన్న వ్యూగ్రూప్.

ఇప్పుడు ముందుకు సాగండి మరియు ఉన్న లేఅవుట్లను అర్థం చేసుకుందాం.

Android లేఅవుట్ డిజైన్ ట్యుటోరియల్: లేఅవుట్ల రకాలు

TO లేఅవుట్ అనువర్తనంలో వినియోగదారు ఇంటర్‌ఫేస్ కోసం నిర్మాణాన్ని నిర్వచిస్తుంది. లేఅవుట్లోని అన్ని అంశాలు యొక్క సోపానక్రమం ఉపయోగించి నిర్మించబడ్డాయి చూడండి మరియు వ్యూగ్రూప్ వస్తువులు.

ఇప్పుడు లేఅవుట్ను ఎలా ప్రకటించాలో చూద్దాం.

మీరు లేఅవుట్ను రెండు విధాలుగా ప్రకటించవచ్చు:

  • XML లో UI మూలకాలను ప్రకటించండి. ఆండ్రాయిడ్ విడ్జెట్‌లు మరియు లేఅవుట్ల వంటి వ్యూ క్లాసులు మరియు సబ్‌క్లాస్‌లకు అనుగుణంగా ఉండే సూటిగా XML పదజాలం అందిస్తుంది.

గమనిక: డ్రాగ్-అండ్-డ్రాప్ ఇంటర్ఫేస్ ఉపయోగించి మీ XML లేఅవుట్ను నిర్మించడానికి మీరు Android స్టూడియో యొక్క లేఅవుట్ ఎడిటర్ను కూడా ఉపయోగించవచ్చు.

  • వద్ద లేఅవుట్ అంశాలను తక్షణం చేయండి రన్ సమయం . అప్లికేషన్ సృష్టించగలదు చూడండి మరియు వ్యూగ్రూప్ వస్తువులు మరియు వాటి లక్షణాలను ప్రోగ్రామిక్‌గా మార్చండి.

వివిధ రకాల లేఅవుట్ల గురించి చర్చిద్దాం.

Android లోని UI అనేది వీక్షణలు మరియు వీక్షణ సమూహాల సోపానక్రమం. వ్యూగ్రూప్స్ సోపానక్రమంలో ఇంటర్మీడియట్ నోడ్లుగా ఉంటాయి మరియు వీక్షణలు టెర్మినల్ నోడ్లుగా ఉంటాయి.

  • లీనియర్ లేఅవుట్
  • సంపూర్ణ లేఅవుట్
  • సాపేక్ష లేఅవుట్
  • టేబుల్ లేఅవుట్
  • ఫ్రేమ్ లేఅవుట్

వాటిని వివరంగా చర్చిద్దాం.

లీనియర్ లేఅవుట్

ప్రతి పంక్తిలో ఒక మూలకాన్ని ఉంచడానికి సరళ లేఅవుట్ ఉపయోగించబడుతుంది. కాబట్టి, అన్ని అంశాలు క్రమంగా పై నుండి క్రిందికి ఫ్యాషన్‌లో ఉంచబడతాయి. Android లో ఫారమ్‌లను సృష్టించడానికి ఇది చాలా విస్తృతంగా ఉపయోగించే లేఅవుట్. పిల్లలందరినీ ఒకే దిశలో, నిలువుగా లేదా అడ్డంగా సమలేఖనం చేసే వీక్షణ సమూహంగా కూడా దీనిని సూచించవచ్చు.

సంపూర్ణ లేఅవుట్

సంపూర్ణ లేఅవుట్లో, మీరు ఉంచాలనుకునే ప్రతి నియంత్రణ యొక్క ఖచ్చితమైన అక్షాంశాలను మీరు పేర్కొనవచ్చు. ఈ రకమైన లేఅవుట్లో, మీరు ప్రతి నియంత్రణ యొక్క ఖచ్చితమైన X మరియు Y కోఆర్డినేట్లను ఇవ్వవచ్చు. ఇది దాని పిల్లల యొక్క ఖచ్చితమైన స్థానాన్ని పేర్కొనడానికి మిమ్మల్ని అనుమతిస్తుంది.

సాపేక్ష లేఅవుట్

సాపేక్ష లేఅవుట్ a వ్యూగ్రూప్ ఇది పిల్లల స్థానాలను సాపేక్ష స్థానాల్లో ప్రదర్శిస్తుంది. మీరుఇతర మూలకాలకు సంబంధించి లేదా మాతృ కంటైనర్‌కు సంబంధించి మూలకాల స్థానాన్ని పేర్కొనవచ్చు.

టేబుల్ లేఅవుట్

పట్టిక లేఅవుట్ ఉపయోగించి, మీరు వరుసలు మరియు నిలువు వరుసలతో పట్టికను సృష్టించవచ్చు మరియు వాటిలో మూలకాలను ఉంచవచ్చు. ప్రతి వరుసలో, మీరు ఒకటి లేదా అంతకంటే ఎక్కువ అంశాలను పేర్కొనవచ్చు. క్రొత్త పట్టిక లేఅవుట్ను సృష్టించడానికి మీరు ఈ ఆదేశాన్ని ఉపయోగించవచ్చు.

ఫ్రేమ్ లేఅవుట్

మీరు ప్రతి స్క్రీన్‌లో ఒక అంశాన్ని చూపించాలనుకున్నప్పుడు ఫ్రేమ్ లేఅవుట్ ఉపయోగించబడుతుంది. ఫ్రేమ్ లేఅవుట్ ఉపయోగించి, మీరు బహుళ అంశాలను కలిగి ఉండవచ్చు.ఈ ఫ్రేమ్ లేఅవుట్ తెరపై ప్లేస్‌హోల్డర్, మీరు ఒకే వీక్షణను ప్రదర్శించడానికి ఉపయోగించవచ్చు.

Android లేఅవుట్ డిజైన్ ట్యుటోరియల్: కొలత యూనిట్లు

మీరు Android UI లో ఒక మూలకం యొక్క పరిమాణాన్ని పేర్కొంటున్నప్పుడు, మీరు ఖచ్చితంగా ఈ క్రింది కొలత యూనిట్లను గుర్తుంచుకోవాలి.

యూనిట్ వివరణ
dp సాంద్రత స్వతంత్ర పిక్సెల్. 1 డిపి a పై ఒక పిక్సెల్కు సమానం 160 డిపి స్క్రీన్.
sp స్కేల్ ఇండిపెండెంట్ పిక్సెల్. ఇది dp కి చాలా పోలి ఉంటుంది కాని ఫాంట్ పరిమాణాలను పేర్కొనడానికి ఇది సిఫార్సు చేయబడింది.
pt పాయింట్. ఒక పాయింట్ అంగుళంలో 1/72 గా నిర్వచించబడింది.
px పిక్సెల్. తెరపై వాస్తవ పిక్సెల్‌లకు అనుగుణంగా ఉంటుంది

ఇప్పుడు, ఈ వ్యాసం యొక్క చివరి అంశానికి వెళ్దాం.

Android లేఅవుట్ డిజైన్ ట్యుటోరియల్: డెమో

ఈ డెమో విభాగంలో, లేఅవుట్‌లతో ఎలా పని చేయాలో అర్థం చేసుకుందాం Android స్టూడియో .

చూడండి Android స్టూడియోకి.

లేఅవుట్ ఎలా ఉంటుంది. డ్రా చేయదగినదాన్ని ఎంచుకోండి మరియు మీరు కొన్ని తరగతులను కనుగొంటారు, ఈ డ్రా చేయదగిన కింద ఏదైనా ఇతర తరగతిని ఎంచుకోండి. మీరు లేఅవుట్ నిర్మాణాన్ని కోడ్ చేయవచ్చు లేదా మీరు డిజైన్‌ను చూడవచ్చు మరియు డిజైన్ స్థలంలో భాగాలను లాగండి మరియు వదలండి.

డెమో - ఆండ్రాయిడ్ లేఅవుట్ డిజైన్ ట్యుటోరియల్ - ఎడురేకా

మీరు భాగం చెట్టు క్రింద ఎంచుకున్న భాగాలను చూడవచ్చు.

మీరు వీటిని లేఅవుట్‌లో కూడా కనుగొనవచ్చు.

  1. పాలెట్ : ఇది మీ లేఅవుట్‌లోకి లాగగల వీక్షణలు మరియు వీక్షణ సమూహాల జాబితాను కలిగి ఉంటుంది.
  2. భాగం చెట్టు : మీ లేఅవుట్ కోసం వీక్షణ సోపానక్రమం ఉంటుంది.
  3. ఉపకరణపట్టీ : ఎడిటర్‌లో లేఅవుట్ రూపాన్ని కాన్ఫిగర్ చేయడానికి మరియు కొన్ని లేఅవుట్ లక్షణాలను మార్చడానికి బటన్లు.
  4. డిజైన్ ఎడిటర్ : డిజైన్ లేదా బ్లూప్రింట్ వీక్షణలో లేఅవుట్ లేదా రెండూ. డిజైన్ స్థలంగా కూడా పరిగణించబడుతుంది.
  5. గుణాలు : ఇది ఎంచుకున్న వీక్షణ లక్షణాలను నియంత్రిస్తుంది.

దీనితో, “ఆండ్రాయిడ్ లేఅవుట్ డిజైన్ ట్యుటోరియల్” పై ఈ వ్యాసం చివరకి వచ్చాము. ఈ ట్యుటోరియల్‌లో మీతో భాగస్వామ్యం చేయబడిన వాటితో మీరు స్పష్టంగా ఉన్నారని ఆశిస్తున్నాము.మీ Android డెవలప్‌మెంట్ కెరీర్‌తో ఇతర బ్లాగులు మరియు అదృష్టం కోసం వేచి ఉండండి.

ఇప్పుడు మీరు Android లేఅవుట్ డిజైన్ యొక్క ప్రాథమికాలను అర్థం చేసుకున్నారు, చూడండి ప్రపంచవ్యాప్తంగా 250,000 కంటే ఎక్కువ సంతృప్తికరమైన అభ్యాసకుల నెట్‌వర్క్‌తో విశ్వసనీయ ఆన్‌లైన్ లెర్నింగ్ సంస్థ ఎడురేకా చేత.

ఎడ్యురేకా యొక్క ఆండ్రాయిడ్ యాప్ డెవలప్‌మెంట్ సర్టిఫికేషన్ ట్రైనింగ్ కోర్సు ఆండ్రాయిడ్ డెవలపర్‌గా ఉండాలనుకునే విద్యార్థులు మరియు నిపుణుల కోసం రూపొందించబడింది. జావా ప్రోగ్రామింగ్‌లో మీకు మంచి ప్రారంభాన్ని ఇవ్వడానికి మరియు ఆండ్రాయిడ్‌లో అనువర్తనాన్ని సృష్టించాలని మీరు భావిస్తున్న ప్రాజెక్ట్‌తో పాటు కోర్ మరియు అడ్వాన్స్‌డ్ కాన్సెప్ట్‌ల కోసం మీకు శిక్షణ ఇవ్వడానికి ఈ కోర్సు రూపొందించబడింది.

మాకు ప్రశ్న ఉందా? దయచేసి ఈ “ఆండ్రాయిడ్ లేఅవుట్ డిజైన్ ట్యుటోరియల్” బ్లాగ్ యొక్క వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు మేము వీలైనంత త్వరగా మిమ్మల్ని సంప్రదిస్తాము.