Tutorial sa Disenyo ng Layout ng Android: Lahat ng Kailangan Mong Malaman



Tutulungan ka ng Tutorial ng Disenyo ng Layout na Android na maunawaan kung paano maaaring idisenyo ang mga layout gamit ang mga view at mga viewgroup na may isang demo.

Kung bago ka sa , nakarating ka sa perpektong lugar upang simulan ang iyong pag-aaral tungkol sa disenyo ng layout. Ang artikulong ito sa tutorial ng disenyo ng layout ng Android ay makakatulong sa iyong paraanilang mga kapaki-pakinabang na tip upang makagawa ng isang mas mahusay na disenyo ng UI at nagpapaliwanag din kung paano magdisenyo ng isang UI.

Tatalakayin ko ang mga paksa sa ibaba:





Kaya, magsimula na tayo!

ano ang ginagawa ng isang linux administrator

Tutorial ng Disenyo ng Layout ng Android: Panimula sa mga bahagi ng UI

Pinag-uusapan ang tungkol sa mga bahagi ng UI, ang karaniwang UI ng anumang Android application ay binubuo ng mga sangkap na ito:



  • Pangunahing Action Bar
  • Tingnan ang Control
  • Lugar ng Nilalaman
  • Hatiin ang Action Bar

Naglalaro ang mga ito ng pangunahing papel habang bumubuo ka ng isang kumplikadong aplikasyon. Makakakuha ka ng isang malinaw na pagtingin dito kapag nakarating kami sa seksyon ng demo ng artikulong ito.

Ang isa pang mahalagang kadahilanan na makakatulong sa pagpapasadya ng disenyo ng UI ay ang bahagi ng pagtingin.

Tingnan natin kung ano ang isang View in



Tutorial sa Disenyo ng Layout ng Android: Mga Panonood

SA Tingnan ay itinuturing bilang isang pangunahing gusali para sa isang tamang interface ng gumagamit na talagang nilikha mula sa Tingnan ang klase . Sumasakop ito sa isang hugis-parihaba na lugar sa screen at kalaunan ay nag-iingat ng pagguhit at paghawak ng kaganapan.

Ang View ay ang batayang klase para sa mga widget, na ginagamit upang lumikha ng mga interactive na bahagi ng UI tulad ng mga pindutan, mga patlang ng teksto, atbp. Ngayon na pinag-uusapan ang lugar ng rektanggulo o isang kahon, Maaari itong maging isang imahe, isang piraso ng teksto, isang pindutan o anumang maaaring ipakita ng isang android application. Ang rektanggulo dito ay talagang hindi nakikita, ngunit ang bawat view ay sumasakop sa isang hugis-parihaba na hugis.

Maaari kang magkaroon ng isang katanungan, ano ang maaaring laki ng rektanggulo na ito?

Ang sagot ay maaari mong itakda ito nang manu-mano sa pamamagitan ng pagtukoy ng eksaktong laki (na may wastong mga yunit) o ​​sa pamamagitan ng paggamit ng ilang mga paunang natukoy na halaga. Ang mga natukoy nang halagang ito ay match_parentand wrap_content. Ito match_parent nangangahulugan na sasakupin nito ang kumpletong puwang na magagamit sa pagpapakita ng aparato. Sapagkat, balot_kontento ay tumutukoy na sakupin lamang nito ang maraming puwang ayon sa kinakailangan para maipakita ang nilalaman nito.

Ituro natin ngayon ang mga pangunahing pagkakaiba sa pagitan ng View at ng ViewGroup.

Tingnan

  1. Tingnan ang mga bagay ay ang pangunahing mga bloke ng pagbuo ng mga elemento ng UI sa Android.
  2. Ang A View ay isang simpleng kahon na rektanggulo na tumutugon sa mga pagkilos ng gumagamit.
  3. Tumutukoy ang tumutukoy sa android.view. View class, na kung saan ay ang batayang klase ng lahat ng mga klase sa UI.
  4. Ang mga halimbawa ay EditText, Button, CheckBox, atbp.

ViewGroup

  1. ViewGroup ay ang hindi nakikitang lalagyan na humahawak sa View at ViewGroup.
  2. Ang ViewGroup ay ang batayang klase para sa Mga layout .
  3. Halimbawa, ang LinearLayout ay ang ViewGroup na naglalaman ng Button (View), at iba pang Mga Layout din.

Sumulong muna tayo at unawain ang mga Layout na naroroon.

Tutorial sa Disenyo ng Layout ng Android: Mga uri ng Layout

SA layout tumutukoy sa istraktura para sa isang User Interface sa application. Ang lahat ng mga elemento sa layout ay binuo gamit ang isang hierarchy ng Tingnan at ViewGroup mga bagay

Tingnan natin ngayon kung paano ideklara ang layout.

Maaari mong ideklara ang isang layout sa dalawang paraan:

  • Ipahayag ang mga elemento ng UI sa XML. Nagbibigay ang Android ng isang deretsong bokabularyo ng XML na tumutugma sa mga klase sa View at subclass, tulad ng mga para sa mga widget at layout.

Tandaan: Maaari mo ring gamitin ang Layout Editor ng Android Studio upang buuin ang iyong layout ng XML gamit ang isang drag-and-drop na interface.

  • I-install ang mga elemento ng layout sa takbo ng oras . Maaaring lumikha ang application Tingnan at ViewGroup mga bagay at manipulahin ang kanilang mga pag-aari ng program.

Talakayin natin ang iba't ibang mga uri ng Mga layout.

Ang UI sa Android ay isang hierarchy ng Views at ViewGroups. Ang ViewGroups ay magiging mga intermedyang node sa hierarchy, at ang mga view ay magiging mga terminal node.

  • Linear layout
  • Ganap na layout
  • Kamag-anak na layout
  • Layout ng mesa
  • Layout ng frame

Talakayin natin ang mga ito nang detalyado.

Linear layout

Ginagamit ang linear layout upang ilagay ang isang elemento sa bawat linya. Kaya, ang lahat ng mga elemento ay mailalagay sa isang maayos na top-to-bottom na fashion. Ito ay isang napakalawak na ginamit na layout para sa paglikha ng mga form sa Android. Maaari rin itong tukuyin bilang isang view group na nakahanay sa lahat ng mga bata sa isang solong direksyon, patayo o pahalang.

Ganap na layout

Sa ganap na layout, maaari mong tukuyin ang eksaktong mga coordinate ng bawat kontrol na nais mong ilagay. Sa ganitong uri ng layout, maaari mong ibigay ang eksaktong X at Y na mga coordinate ng bawat control. Pinapayagan ka nitong tukuyin ang eksaktong lokasyon ng mga anak nito.

Kamag-anak na layout

Ang isang Kamag-anak na Layout ay a ViewGroup na nagpapakita ng mga pagtingin sa bata sa mga kamag-anak na posisyon. Ikawmaaaring tukuyin ang posisyon ng mga elemento na may kaugnayan sa iba pang mga elemento, o na may kaugnayan sa lalagyan ng magulang.

Layout ng mesa

Gamit ang layout ng talahanayan, maaari kang lumikha ng isang talahanayan na may mga hilera at haligi at ilagay ang mga elemento sa loob ng mga ito. Sa bawat hilera, maaari mong tukuyin ang isa o higit pang mga elemento. Maaari mong gamitin ang utos na ito upang lumikha ng isang bagong layout ng talahanayan.

Layout ng frame

Ginagamit ang layout ng Frame kapag nais mong ipakita ang isang item sa bawat screen. Gamit ang layout ng frame, maaari kang magkaroon ng maraming mga item.Ang Frame Layout na ito ay isang placeholder sa screen na maaari mong gamitin upang maipakita ang isang solong view.

Tutorial sa Disenyo ng Layout ng Android: Mga yunit ng pagsukat

Kapag tinutukoy mo ang laki ng isang elemento sa isang Android UI, dapat mong tiyak na tandaan ang mga sumusunod na yunit ng pagsukat.

Yunit Paglalarawan
dp Density Independent Pixel. 1dp ay katumbas ng isang pixel sa a 160dpi screen
sp Malakas na Pixel na Malakasan. Ito ay halos kapareho sa dp ngunit lamang na ito ay inirerekumenda para sa pagtukoy ng mga laki ng font.
pt Punto. Ang isang punto ay tinukoy na 1/72 ng isang pulgada.
px Pixel Naaayon sa aktwal na mga pixel sa screen

Ngayon, magpatuloy tayo sa huling paksa ng artikulong ito.

Tutorial sa Disenyo ng Layout ng Android: Demo

Sa seksyong demo na ito, unawain natin kung paano gumana sa mga layout Android Studio .

Sumangguni sa sa Android Studio.

Ganito ang hitsura ng layout. Piliin lamang ang drawable at makakakita ka ng ilang mga klase, pumili ng anumang iba pang klase sa ilalim ng drawable na ito. Maaari mong i-code ang istraktura ng layout o maaari mong tingnan ang disenyo at i-drag at i-drop lamang ang mga bahagi sa puwang ng disenyo.

Demo - Tutorial sa Disenyo ng Layout ng Android - Edureka

Maaari mong tingnan ang mga sangkap na iyong napili sa ilalim ng sangkap na sangkap.

Maaari mo ring makita ang mga ito sa layout.

  1. Palette : Hawak nito ang listahan ng mga view at view ng mga pangkat na maaari mong i-drag sa iyong layout.
  2. Component Puno : Binubuo ng hierarchy ng View para sa iyong layout.
  3. Toolbar : Mga pindutan upang mai-configure ang hitsura ng layout sa editor at upang baguhin ang ilang mga katangian ng layout.
  4. Editor ng disenyo : Layout sa Disenyo o Blueprint view, o pareho. Isinasaalang-alang din bilang puwang ng disenyo.
  5. Mga Katangian : Kinokontrol nito ang mga katangian ng napiling view.

Sa pamamagitan nito, napunta kami sa dulo ng artikulong ito sa 'Tutorial sa Disenyo ng Layout ng Android'. Inaasahan kong malinaw kayo sa naibahagi sa iyo sa tutorial na ito.Manatiling nakatutok para sa iba pang mga blog at Good Luck sa iyong Android Development career.

Ngayon na naintindihan mo ang mga pangunahing kaalaman sa Disenyo ng Layout ng Android, tingnan ang ni Edureka, isang pinagkakatiwalaang kumpanya sa pag-aaral sa online na may isang network na higit sa 250,000 nasiyahan na mga nag-aaral na kumalat sa buong mundo.

Ang kurso sa Pagsasanay sa Sertipikasyon sa Android App Development ng Edureka ay idinisenyo para sa mga mag-aaral at propesyonal na nais na maging isang Android Developer. Ang kurso ay idinisenyo upang bigyan ka ng isang panimula sa pag-program ng Java at sanayin ka para sa parehong core at advanced na mga konsepto kasama ang isang proyekto kung saan inaasahan mong lumikha ng isang App sa Android.

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng 'Tutorial sa Disenyo ng Layout ng Android' na blog na ito at babalikan ka namin sa lalong madaling panahon.