Machine Translated by Google

Android ‫ﺘﺨﺪم‬
‫واﺟﻬ ﺔ ﻣ ﺴ‬

‫ﺑﻮاﺳﻄ ﺔ‬

‫أﻣﻞ اﻟﺠﺮوﺷ ﺔ‬
‫‪Machine Translated by Google‬‬

‫ﻣﻠﺨﺺ‬

‫ﺘﻮﱃ ﻓﺼﻞ اﻟﻨﺸﺎط إﻧﺸﺎء ﻧﺎﻓﺬة ﻣﻦ‬

‫ﺒﻴﻖ • ‪Android.‬ﻳ‬
‫ﺘﻄ‬‫اﻟﻨﺸﺎط ﻫﻮ اﻟﻮﺣﺪة اﻷﺳﺎﺳﻴ ﺔ ﻟ‬

‫ﺑﻚ‪.‬‬‫ﺘﺨﺪم اﻟﺨﺎﺻ ﺔ‬
‫أﺟﻠﻚﻳﻤﻜﻨﻚ ﻣﻦ ﺧﻼﻟﻬﺎ وﺿﻊ واﺟﻬ ﺔ اﻟﻤ ﺴ‬

‫ﺘﺨﺪم ‪Android‬ﻣﻦﺗ ﺴﻠ ﺴﻞ ﻫﺮﻣ ﻲ ﻟﻄﺮق اﻟﻌﺮض و ‪ViewGroups.‬‬

‫ﺘﻜﻮن واﺟﻬ ﺔ ﻣ ﺴ‬
‫ﺗ‬‫•‬

‫ﺜﻞ ‪Button‬و ‪TextView‬و‬

‫•ﻓ ﻲ اﻷﺳﺎس ‪ ،‬ﻛﻞ ﻣﺎﺗﺮاه ﻋﲆ اﻟﺸﺎﺷ ﺔ ﻫﻮ ﻃﺮﻳﻘ ﺔ ﻋﺮض ‪ ،‬ﻣ‬
‫‪ImageView‬وﻣﺎ إﱃ ذﻟﻚ‪.‬‬
‫‪Machine Translated by Google‬‬

‫ﻣﻠﺨﺺ‬

‫ﺘﻮى‬
‫ﺘﻠﻔ ﺔ ﻣﻦ اﻟﻤﺤ‬
‫•ﻳﻮﻓﺮ ‪Android‬اﻟﻌﺪﻳﺪ ﻣﻦ ﻓﺌﺎ ت ﻃﺮق اﻟﻌﺮض ﻹﻇﻬﺎر أﻧﻮاع ﻣﺨ‬
‫ﺘﻠﻔ ﺔ‪.‬‬
‫وﺧﺪﻣ ﺔ أﻏﺮاض ﻣﺨ‬

‫ﺗﻨﻈﻴﻢ ﻃﺮق اﻟﻌﺮض ﻋﲆ اﻟﺸﺎﺷ ﺔ‪.‬‬

‫ﺗﺤﺪد ﻛﻴﻔﻴ ﺔ ﻣﺤﺎذاة و‬
‫ﺗﻨﻈﻢ و‬
‫ﺗﺨﻄﻴﻄﺎ ت ‪Android‬‬
‫•‬

‫ﺘﺨﻄﻴﻄﺎ ت‬
‫ﺑﻬ ﺔ ﻟﻤﻜﻮﻧﺎ ت • ‪Java‬اﻟ‬
‫•ﻃﺮق اﻟﻌﺮض ﻣﺸﺎ‬

‫ﺒﻪ ﺣﺎوﻳﺎ ت ‪Java‬‬

‫ﺗﺸ‬
‫‪Machine Translated by Google‬‬

‫ﻣﻠﺨﺺ‬

‫ﺒﻴﻞ‬
‫ﺘﺨﺪام ﻣﻠﻒ ‪)XML‬ﻋﲆﺳ‬
‫ﺑﺎﺳ‬‫ﺘﺨﺪم‬
‫ﺘﻌﺮﻳﻒ واﺟﻬ ﺔ اﻟﻤ ﺴ‬
‫ﺑ‬ ‫ً‬
‫ﻋﺎدة ﻣﺎﻳﻘﻮم اﻟﻤﻄﻮرون‬ ‫•‬
‫ﺜﺎل ‪ ،‬ﻣﻠﻒ ‪activity_main.xml‬اﻟﻤﻮﺟﻮد ﻓ ﻲ ﻣﺠﻠﺪ ‪res / layout).‬‬
‫اﻟﻤ‬

‫ﺘﺮﺟﻢ‪.‬‬
‫ﺘﻢﺗﺠﻤﻴﻊ ﻣﻠﻒﺗﺨﻄﻴﻂ ‪XML‬ﻓ ﻲ ﻣﻮرد ﻣ‬
‫ﺒﻨﺎء ‪،‬ﻳ‬
‫ﺛﻨﺎء وﻗ ﺖ اﻟ‬
‫•أ‬

‫ﺘﺮﺟﻢ إﱃ ﻛﺎﺋﻨﺎ ت ﺟﺎﻓﺎ ﻋﻨﺪ‬

‫ﺘﻀﺨﻴﻢ اﻟﻤﻮرد اﻟﻤ‬
‫ﺑ‬‫ﺘﺸﻐﻴﻞ ‪،‬ﻳﻘﻮم ‪android‬‬
‫ﺛﻨﺎء وﻗ ﺖ اﻟ‬
‫•أ‬
‫ﺘﺪﻋﺎء ﻃﺮﻳﻘ ﺔ ‪setContentView ().‬‬
‫اﺳ‬

‫ﺛﻢ‬
‫ﺑﻘﻴﺎس ﺣﺠﻢ وﻣﻮﺿﻊ ﻛﻞ ﻋﺮض ‪ViewGroup /‬‬
‫ﺘﻀﺨﻢ ‪،‬ﺳﻴﻘﻮم ‪Android‬‬
‫ﺑﻌﺪ اﻟ‬
‫•‬
‫ﺘﻴﺠ ﺔ ﻋﲆ‬
‫رﺳﻢ اﻟﻨ‬
‫ﺷﺎﺷ ﺔ‪.‬‬
‫‪Machine Translated by Google‬‬

‫‪XML‬‬

‫ﺘﻮﺻﻴﻒ اﻟﻤﻮﺳﻌ ﺔ‪ • XML .‬ﻫ ﻲ ﻟﻐ ﺔﺗﺮﻣﻴﺰﺗﺤﺪد ﻣﺠﻤﻮﻋ ﺔ ﻣﻦ اﻟﻘﻮاﻋﺪ‬

‫ﺗﻌﻨ ﻲ ﻟﻐ ﺔ اﻟ‬
‫‪• XML‬‬

‫ﺗﻪ آﻟ ًﻴﺎ‪.‬‬
‫ﺑﻮاﺳﻄ ﺔ اﻹﻧ ﺴﺎن وﻗﺮاء‬‫ﺗﻪ‬
‫ﺘﻨ ﺴﻴﻖﻳﻤﻜﻦ ﻗﺮاء‬
‫ﺑ‬‫ﺘﻨﺪا ت‬
‫ﺘﺮﻣﻴﺰ اﻟﻤ ﺴ‬
‫ﻟ‬

‫ﺘﺮﻧ ﺖ‪ .‬إﻧﻪ‬
‫ﺒﺮ اﻹﻧ‬
‫ﺘﺨﺪام ﻋ‬
‫ﺑﻠﻴ ﺔ اﻻﺳ‬
‫ﺘﻌﻤﻴﻢ وﻗﺎ‬
‫ﺒ ﺴﺎﻃ ﺔ واﻟ‬
‫ﺗﺆﻛﺪ أ ﻫﺪافﺗﺼﻤﻴﻢ ‪XML‬ﻋﲆ اﻟ‬
‫•‬
‫ﺘﻠﻔ ﺔ‪.‬‬
‫ﺑﺸﺮﻳ ﺔ ﻣﺨ‬‫ﺒﺮ ‪Unicode‬ﻟﻠﻐﺎ ت‬
‫ﺑﻴﺎﻧﺎ ت ﻧﺼ ﻲ ﻣﻊ دﻋﻢ ﻗﻮي ﻋ‬‫ﺗﻨ ﺴﻴﻖ‬
‫‪Machine Translated by Google‬‬

‫اﻵراء‬

‫ﺘﻄﻴﻠ ﺔ ﻋﲆ اﻟﺸﺎﺷ ﺔ‬
‫ﺘﻞ ﻣ ﺴﺎﺣ ﺔ ﻣ ﺴ‬
‫ﺘ ﻲﺗﺤ‬
‫ﺘﺨﺪم واﻟ‬
‫ﺒﻨﺎء اﻷﺳﺎﺳﻴ ﺔ ﻟﻮاﺟﻬ ﺔ اﻟﻤ ﺴ‬
‫ﺒﻨ ﺔ اﻟ‬
‫•ﻟ‬
‫و ﻫ ﻲ ﻣ ﺴﺆوﻟ ﺔ ﻋﻦ رﺳﻢ ﻧﻔ ﺴﻬﺎ وﻣﻌﺎﻟﺠ ﺔ اﻷﺣﺪا ث‪• .‬اﻟﻌﺮض ﻫﻮ اﻟﻔﺌ ﺔ اﻷﺳﺎﺳﻴ ﺔ‬
‫ﺜﻞ اﻷزرار وﻋﺮوض‬
‫ﺘﺨﺪمﺗﻔﺎﻋﻠﻴ ﺔ ﻣ‬ ‫ُﺴ‬
‫ﺘﺨﺪم ﻹﻧﺸﺎء ﻣﻜﻮﻧﺎ ت واﺟﻬ ﺔ ﻣ ﺴ‬ ‫ﺘ ﻲﺗ‬
‫ﻟﻠﺤﺎﺟﻴﺎ ت ‪ ،‬واﻟ‬

‫اﻟﻨﺺ وﻣﺎ إﱃ ذﻟﻚ‪.‬‬

Machine Translated by Google

‫اﻟﺤﺎﺟﻴﺎ ت‬

‫ضرع•اﻟﻨﺺ‬

‫ريرح ت•اﻟﻨﺺ‬

•‫رز‬
• CheckBox
‫رز•اﻟﺮادﻳﻮ‬

• VideoView

• ImageButton
• ImageView
Machine Translated by Google

• ToggleButton •
‫ﺒﺪﻳﻞ‬
‫ﺘ‬‫اﻟ‬

‫ﺒﺤ ﺚ‬
‫طير ش•اﻟ‬

‫ﺘﺼﻮﻳ ﺖ‬
‫ﺘﻘﺪم •ﺷﺮﻳﻂ اﻟ‬
‫•ﺷﺮﻳﻂ اﻟ‬

• CheckedTextView

• MultiAutoCompleteTextView

• AutoCompleteTextView
‫‪Machine Translated by Google‬‬

‫‪ViewGroup‬‬

‫ﺘﻮي ﻋﲆ‬
‫ﺋﻴ ﺔﺗﺤ‬
‫‪ • TheViewGroup‬ﻫ ﻲ ﻓﺌ ﺔ ﻓﺮﻋﻴ ﺔ ﻣﻦ ‪Viewprovides‬ﺣﺎوﻳ ﺔ ﻏﻴﺮ ﻣﺮ‬
‫ﺘﺨﻄﻴﻂ‬
‫ﺗﺤﺪد ﺧﺼﺎﺋﺺ اﻟ‬
‫ﺗﻨﻈﻤﻬﺎ و‬
‫ﻃﺮق ﻋﺮض أﺧﺮى أو ﻣﺠﻤﻮﻋﺎ ت ‪ViewGroups‬و‬
‫ﺑﻬﺎ‪.‬‬‫اﻟﺨﺎﺻ ﺔ‬

‫ﺘﺨﻄﻴﻄﺎ ت وﺣﺎوﻳﺎ ت ﻃﺮق اﻟﻌﺮض‪.‬‬

‫ﺗﻌﺪ ‪ ViewGroup‬ﻫ ﻲ اﻟﻔﺌ ﺔ اﻷﺳﺎﺳﻴ ﺔ ﻟﻠ‬
‫•‬
‫‪Machine Translated by Google‬‬

‫ﺘﺨﻄﻴﻄﺎ ت‬
‫اﻟ‬

‫ﺘﺨﺪم‬
‫ﺋﻴ ﺔ ﻟﻮاﺟﻬ ﺔ اﻟﻤ ﺴ‬
‫ﺒﻨﻴ ﺔ اﻟﻤﺮ‬
‫ﺘﻴﺢ ﻟﻚﺗﺤﺪﻳﺪ اﻟ‬
‫ﺗ‬‫•ﻓﺌﺎ ت ﻓﺮﻋﻴ ﺔ ﻣﻦ ‪ViewGroupclass‬‬
‫ﺘﺨﻄﻴﻄﺎ ت ﻫ ﻲ ﻟﻸﻏﺮاض اﻟﻌﺎﻣ ﺔ‬
‫ﺒﻴﻘﻚ ‪ ،‬ﻛﻤﺎ ﻫﻮ اﻟﺤﺎل ﻓ ﻲ أﺣﺪ اﻷﻧﺸﻄ ﺔ‪• .‬اﻟ‬
‫ﻓ ﻲﺗﻄ‬
‫ﺑﺸﺄن‬‫ﺒﺎ ت‬
‫ﺘﻄﻠ‬
‫ﺒﺎﺷﺮة ﻣﻊ وﺟﻬﺎ ت اﻟﻨﻈﺮ اﻟﺮﺳﻮﻣﻴ ﺔ‪ .‬ﻟﻴ ﺲ ﻟﺪﻳﻬﻢ ﻣ‬
‫ﺘﻌﺎﻣﻞ ﻣ‬
‫‪ViewGroups‬اﻟ‬

‫ﺗﻬﺎ‪.‬‬
‫ﺘ ﻲﻳﻤﻜﻨﻬﻢ إدار‬
‫ﻧﻮع وﺟﻬﺎ ت ﻧﻈﺮ اﻷﻃﻔﺎل اﻟ‬

‫ﺘ ﺴﻠ ﺴﻞ اﻟﻬﺮﻣ ﻲ ﻟﻠﻌﺮض و‬
‫ﺘﺨﺪام اﻟ‬
‫ﺑﺎﺳ‬‫ﺘﺨﻄﻴﻂ‬
‫ﺗﻢ إﻧﺸﺎء ﺟﻤﻴﻊ اﻟﻌﻨﺎﺻﺮ ﻓ ﻲ اﻟ‬
‫•‬
‫‪ViewGroupobjects.‬‬
‫‪Machine Translated by Google‬‬

‫ﺻﻔﺎ ت‬

‫ﺘﻨﻮﻋ ﺔ ﻣﻦﺳﻤﺎ ت • ‪XML.‬‬

‫ﺗﺪﻋﻢ ﻣﺠﻤﻮﻋ ﺔ ﻣ‬
‫•ﻛﻞ ﻃﺮﻳﻘ ﺔ ﻋﺮض و ‪ViewGroupobject‬‬
‫ﺜﻞﺳﻤ ﺔ‬
‫ﺛ ﺔ ﻣﻦ ﻓﺌ ﺔ ﻋﺮض اﻟﺠﺬر )ﻣ‬
‫ﺘﺮك ﻟﺠﻤﻴﻊ ﻛﺎﺋﻨﺎ ت اﻟﻌﺮض ‪،‬ﻷﻧﻬﺎ ﻣﻮرو‬
‫ﺑﻌﻀﻬﺎ ﻣﺸ‬

‫اﻟﻤﻌﺮف(‪.‬‬

‫ﺜﺎل ‪،‬ﻳﺪﻋﻢ ‪TextView‬ﺳﻤ ﺔ‬

‫ﺒﻴﻞ اﻟﻤ‬
‫ﺑﻜﺎﺋﻦ ﻋﺮض ﻣﻌﻴﻦ )ﻋﲆﺳ‬‫ﺑﻌﺾ اﻟ ﺴﻤﺎ ت ﺧﺎﺻ ﺔ‬
‫•‬
‫ﺑﻮاﺳﻄ ﺔ أي ﻛﺎﺋﻨﺎ ت ﻋﺮض ﻗﺪﺗﻮﺳﻊ‬ ‫ﺛﺔ أ ً‬
‫ﻳﻀﺎ‬ ‫‪textSizeattribute) ،‬وﻟﻜﻦ ﻫﺬه اﻟ ﺴﻤﺎ ت ﻣﻮرو‬
‫ﻫﺬه اﻟﻔﺌ ﺔ‪.‬‬
‫‪Machine Translated by Google‬‬

‫ﺻﻔﺎ ت‬

‫ﺒﺮ ﻣﻌﻠﻤﺎ تﺗﺨﻄﻴﻂ ‪ ،‬و ﻫ ﻲﺳﻤﺎ تﺗﺼﻒ‬

‫ﺘ‬‫ﺗﻌ‬
‫ﺒﺎدﺋ ﺔ "_‪"layout‬‬
‫ﺑﺎﻟ‬‫ﺒﺪأ‬
‫ﺘ ﻲﺗ‬
‫•ﺟﻤﻴﻊ اﻟ ﺴﻤﺎ ت اﻟ‬
‫ﺒﻞ ‪ViewGroup‬اﻷﺻﻞ ﻟﻬﺬا‬
‫ﺗﺠﺎ ﻫﺎ تﺗﺨﻄﻴﻂ ﻣﻌﻴﻨ ﺔ ﻟﻜﺎﺋﻦ ‪View‬ﻛﻤﺎ ﻫﻮ ﻣﺤﺪد ﻣﻦ ﻗ‬
‫ا‬
‫اﻟﻜﺎﺋﻦ‪.‬‬

‫ﺘﺨﺪﻣﻬﺎ ﻋﻨﺼﺮ‬
‫ﺘﺨﻄﻴﻂ ‪ ،‬وﻻﻳ ﺴ‬
‫ﺑﻪ ﻣﻦ ﻣﻌﻠﻤﺎ ت اﻟ‬‫ﺘﻮي ﻛﻞﺗﺨﻄﻴﻂ ﻋﲆ ﻣﺠﻤﻮﻋ ﺔ ﺧﺎﺻ ﺔ‬ ‫•ﻳﺤ‬
‫ﺘﺨﺪم ﻧﻔ ﺴﻪ‪.‬‬
‫واﺟﻬ ﺔ اﻟﻤ ﺴ‬
Machine Translated by Google

‫ﺘﺮﻛ ﺔ‬
‫اﻟ ﺴﻤﺎ ت اﻟﻤﺸ‬

‫ •اﻟﺤﺸﻮة‬layout_width • layout_height • layout_margin •

‫ﺒﻞ ﻋﺪد ﻗﻠﻴﻞ ﻣﻦ‬

‫ •)ﻣﺪﻋﻮم ﻣﻦ ﻗ‬layout_gravity ‫ﺑﻴ ﺔ‬
‫•اﻟﺠﺎذ‬

ViewGroups) ‫ﻣﺠﻤﻮﻋﺎ ت‬
‫‪Machine Translated by Google‬‬

‫ﺘﺨﻄﻴﻂ‬
‫ﻣﻌﻠﻤﺎ ت اﻟ‬

‫ﺗﻢ‬
‫ﺘﺎﻟﻴ ﺔ‪)1-fill_parent :‬‬
‫ﺑ ﺖ اﻟ‬
‫ﺜﻮا‬
‫ﺘ ﺔ )‪(dp‬أو أﺣﺪ اﻟ‬
‫ﺑ‬‫ﺜﺎ‬
‫ﺘﺨﺪام اﻟﻘﻴﻤ ﺔ اﻟ‬
‫ُﻌﺪ ‪،‬ﻳﻤﻜﻨﻨﺎ اﺳ‬
‫ﺑ‬‫ﻟﻜﻞ‬
‫ﺑـ )‪match_parent‬‬‫ﺒﺪاﻟﻪ‬
‫ﺘ‬‫إ ﻫﻤﺎﻟﻪ ﻓ ﻲ ‪API 8‬واﺳ‬

‫ﺒﺎراة_واﻟﺪ‬
‫ﺘﺮوﻛ ﺔ(‪2- .‬اﻟﻤ‬
‫ﺜﻨﺎء اﻟﻤ ﺴﺎﺣ ﺔ اﻟﻤ‬
‫ﺘ‬‫ﺑﺎﺳ‬
‫ﺜﻞ اﻷﺻﻞ )‬
‫ﺒﻴ ﺮًا ﻣ‬
‫ﻳﺠ ﺐ أنﻳﻜﻮن اﻟﻌﺮض ﻛ‬

‫ﺘﺮوﻛ ﺔ(‪.‬‬
‫ﺜﻨﺎء اﻟﻤ ﺴﺎﺣ ﺔ اﻟﻤ‬
‫ﺘ‬‫ﺑﺎﺳ‬
‫ﺜﻞ اﻷﺻﻞ )‬
‫ﺒﻴ ًﺮا ﻣ‬
‫ﻳﺠ ﺐ أنﻳﻜﻮن اﻟﻌﺮض ﻛ‬

‫ﺘﻮى‬
‫ﺘﻔﺎف اﻟﻤﺤ‬
‫‪3-‬اﻟ‬

‫ﺑﺎﻹﺿﺎﻓ ﺔ إﱃ اﻟﻤ ﺴﺎﺣ ﺔ‬

‫ﺘﻮاه )‬
‫ﺑﻤﺎﻳﻜﻔ ﻲ ﻹﺣﺎﻃ ﺔ ﻣﺤ‬‫ﺒﻴ ﺮًا‬
‫ﻳﺠ ﺐ أنﻳﻜﻮن اﻟﻌﺮض ﻛ‬
‫ﺘﺮوﻛ ﺔ(‬
‫اﻟﻤ‬
‫‪Machine Translated by Google‬‬

‫ﺑﻞ اﻟﺤﺸﻮ‬
‫اﻟﻬﺎﻣ ﺶ ﻣﻘﺎ‬

‫ﺑﻴﻦ اﻟﻌﻨﺼﺮ‬‫ﺑﻴﻦ اﻟﻌﻨﺼﺮ واﻟﺠﻴﺮان أو‬‫‪-‬اﻟﻬﺎﻣ ﺶ ﻫﻮ اﻟﻤ ﺴﺎﻓ ﺔ ﺧﺎرج ﺣﺪود اﻟﻌﻨﺼﺮ ‪ ،‬واﻟﻤ ﺴﺎﻓ ﺔ‬
‫ﺘﺨﻄﻴﻂ اﻷﺻﻠ ﻲ‪.‬‬
‫واﻟ‬

‫ﺘﻮاه‪.‬‬
‫ﺑﻴﻦ ﺣﺪ اﻟﻌﻨﺼﺮ وﻣﺤ‬‫‪-‬اﻟﺤﺸﻮ ﻫﻮ اﻟﻤ ﺴﺎﺣ ﺔ اﻟﻤﻮﺟﻮدة داﺧﻞ ﺣﺪ اﻟﻌﻨﺼﺮ ‪ ،‬واﻟﻤ ﺴﺎﻓ ﺔ‬
Machine Translated by Google

‫ﺑﻞ اﻟﺤﺸﻮ‬
‫اﻟﻬﺎﻣ ﺶ ﻣﻘﺎ‬
Machine Translated by Google

‫ﺑﻞ اﻟﺤﺸﻮ‬
‫اﻟﻬﺎﻣ ﺶ ﻣﻘﺎ‬
‫‪Machine Translated by Google‬‬

‫ﺑﻴ ﺔ‬
‫ﺑﻞ اﻟﺠﺎذ‬
‫ﺑﻴ ﺔ ﻣﻘﺎ‬
‫ﺗﺨﻄﻴﻂ اﻟﺠﺎذ‬

‫ﺘﻮﻳﺎ ت اﻟﻌﺮض أو ‪ViewGroup.‬‬

‫ﺑﻴ ﺔ‪:‬ﻳﺤﺪد ﺧﻄﻮرة ﻣﺤ‬
‫‪- android:‬اﻟﺠﺎذ‬

‫ﺑﻴ ﺔ اﻟﻌﺮض أو ‪ViewGrou‬‬

‫‪- android: layout_gravity:‬ﻳﺤﺪد ﺟﺎذ‬
‫ﺑﺎﻟﻮاﻟﺪ‪.‬‬‫ﺒﻂ‬
‫ﺗ‬‫اﻟﻤﺮ‬
Machine Translated by Google
‫‪Machine Translated by Google‬‬

‫ﺘﺨﻄﻴﻄﺎ ت‬
‫اﻟ‬
‫ﺘﺨﻄﻴﻄﺎ ت‪:‬‬
‫ﻫﻨﺎك أﻧﻮاع ﻋﺪﻳﺪة ﻣﻦ اﻟ‬
‫ﺗﻨﺎ ﻋﲆ‪:‬‬
‫ﺳﻨﺮﻛﺰ ﻓ ﻲ ﻣﺤﺎﺿﺮ‬

‫ﺗﺨﻄﻴﻂ ﺧﻄ ﻲ‬
‫‪1-‬‬
‫ﺒﻲ‬
‫‪2-‬اﻟﻨ ﺴﻖ اﻟﻨ ﺴ‬

‫ﺗﺨﻄﻴﻂ اﻟﻘﻴﺪ‬
‫‪3-‬‬
‫‪Machine Translated by Google‬‬

‫ﺗﺨﻄﻴﻂ ﺧﻄ ﻲ‬

‫ﺗﺠﺎه‬
‫ﺑﻤﺤﺎذاة ﺟﻤﻴﻊ اﻷﻃﻔﺎل ﻓ ﻲ ا‬‫‪LinearLayoutis:‬ﻣﺠﻤﻮﻋ ﺔ ﻋﺮضﺗﻘﻮم‬

‫واﺣﺪ ‪ ،‬ﻋﻤﻮدﻳًﺎ أو أﻓﻘ ًﻴﺎ‪.‬‬

‫ﺘﻮﺟﻪ ‪android:.‬‬
‫ﺘﺨﺪامﺳﻤ ﺔ اﻟ‬
‫ﺑﺎﺳ‬‫ﺘﺨﻄﻴﻂ‬
‫ﺗﺠﺎه اﻟ‬
‫•ﻳﻤﻜﻨﻚﺗﺤﺪﻳﺪ ا‬

‫ﺘﺨﻄﻴﻂ اﻟﺨﻄ ﻲ ﻣﻜﺪﺳﻴﻦ واﺣﺪًاﺗﻠﻮ اﻵﺧﺮ ‪ ،‬ﻟﺬا ﻓﺈن اﻟﻘﺎﺋﻤ ﺔ اﻟﻌﻤﻮدﻳ ﺔ‬

‫•ﻛﻞ اﻷﻃﻔﺎل ﻓ ﻲ اﻟ‬
‫ﺘﻜﻮن اﻟﻘﺎﺋﻤ ﺔ‬
‫ﺑﻐﺾ اﻟﻨﻈﺮ ﻋﻦ ﻣﺪى ﻋﺮﺿﻬﺎ ‪ ،‬وﺳ‬‫ﺳﻴﻜﻮن ﻟﻬﺎ ﻃﻔﻞ واﺣﺪ ﻓﻘﻂ ﻟﻜﻞ ﺻﻒ ‪،‬‬
‫ﺑﺼﻒ واﺣﺪ ﻓﻘﻂ‪.‬‬‫ﺗﻔﻌ ﺔ‬
‫اﻷﻓﻘﻴ ﺔ ﻣﺮ‬
‫‪Machine Translated by Google‬‬

‫ﺘﺨﻄﻴﻂ اﻟﺨﻄ ﻲ‬
‫اﻟ‬

‫ﺘﺨﻄﻴﻂ ﻟﻜﻞ ﻃﻔﻞ‪.‬‬

‫ﺑﻴﻦ اﻷﻃﻔﺎل وﺧﻄﻮرة اﻟ‬‫ﺘﺮم اﻟﻬﻮاﻣ ﺶ‬
‫‪• A LinearLayout‬ﻳﺤ‬

‫ﺘﺨﺪم ﻓﻴﻪ ﻛﻞ ﻃﻔﻞ ﻧﻔ ﺲ اﻟﻘﺪر ﻣﻦ اﻟﻤ ﺴﺎﺣ ﺔ ﻋﲆ اﻟﺸﺎﺷ ﺔ ‪،‬‬

‫•ﻹﻧﺸﺎءﺗﺨﻄﻴﻂ ﺧﻄ ﻲﻳ ﺴ‬
‫ﺘﺨﻄﻴﻂ اﻟﻌﻤﻮدي( أو‬
‫ﺒﻂ ‪android: layout_height of‬ﻛﻞ ﻋﺮض ﻋﲆ "‪) "pd0‬ﻟﻠ‬
‫اﺿ‬
‫ﺒﻂ‬
‫ﺛﻢ اﺿ‬‫‪android: layout_widthof‬ﻛﻞ ﻋﺮض ﻋﲆ "‪) "pd0‬ﻟـﺗﺨﻄﻴﻂ أﻓﻘ ﻲ(‪.‬‬
‫‪android: layout_weightof‬ﻛﻞ ﻋﺮض ﻋﲆ ‪"1".‬‬
‫‪Machine Translated by Google‬‬

‫ﺘﺨﻄﻴﻄ ﻲ‬
‫‪-‬اﻟﻮزن اﻟ‬

‫ﺘ ﻲﻳﺠ ﺐ أنﺗﺄﺧﺬ ﻫﺎ ﻃﺮﻳﻘ ﺔ اﻟﻌﺮض ﻣﻦ إﺟﻤﺎﻟ ﻲ اﻟﻮزن‪.‬‬

‫ﺒ ﺔ اﻟﻤﺌﻮﻳ ﺔ اﻟ‬
‫ﺗﺤﺪﻳﺪ اﻟﻨ ﺴ‬
‫‪Machine Translated by Google‬‬

‫ﺒﻲ‬
‫ﺗﺨﻄﻴﻂ ﻧ ﺴ‬

‫‪ • RelativeLayout‬ﻫ ﻲ ﻣﺠﻤﻮﻋ ﺔ ﻋﺮضﺗﻌﺮض ﻃﺮق ﻋﺮض ﻓﺮﻋﻴ ﺔ ﻓ ﻲ ﻣﻮاﺿﻊ ذا ت‬

‫ﺜﻞﻳ ﺴﺎر أو أﺳﻔﻞ‬
‫ﺒ ﺔ إﱃ اﻟﻌﻨﺎﺻﺮ اﻟﺸﻘﻴﻘ ﺔ )ﻣ‬
‫ﺑﺎﻟﻨ ﺴ‬‫ﺻﻠ ﺔ‪• .‬ﻳﻤﻜﻦﺗﺤﺪﻳﺪ ﻣﻮﺿﻊ ﻛﻞ ﻋﺮض‬

‫ﺜﻞ‬
‫ﺑﺎﻷﺻﻞ ‪)RelativeLayoutarea‬ﻣ‬‫ﺘﻌﻠﻘ ﺔ‬
‫ﻃﺮﻳﻘ ﺔ ﻋﺮض أﺧﺮى( أو ﻓ ﻲ اﻟﻤﻮاﺿﻊ اﻟﻤ‬
‫اﻟﻤﺤﺎذاة إﱃ اﻷﺳﻔﻞ أو اﻟﻴ ﺴﺎر أو اﻟﻮﺳﻂ(‪.‬‬
‫‪Machine Translated by Google‬‬

‫ﺒﻲ‬
‫ﺗﺨﻄﻴﻂ ﻧ ﺴ‬
‫ﺘﺨﺪمﻷﻧﻬﺎﻳﻤﻜﻦ أنﺗﻘﻠﻞ‬
‫ﺘﺼﻤﻴﻢ واﺟﻬ ﺔ ﻣ ﺴ‬
‫ﺗﻌﺪ ‪RelativeLayout‬أداة ﻣ ﺴﺎﻋﺪة ﻗﻮﻳ ﺔ ﺟﺪًا ﻟ‬
‫ﺘﺨﻄﻴﻂ ‪ ،‬ﻣﻤﺎﻳﺤ ﺴﻦ‬
‫ﺘ ﺴﻠ ﺴﻞ اﻟﻬﺮﻣ ﻲ ﻟﻠ‬
‫ﺑ ﺴﺎﻃ ﺔ اﻟ‬‫ﺗﺤﺎﻓﻆ ﻋﲆ‬
‫ﺘﺪاﺧﻠ ﺔ و‬
‫ﻣﺠﻤﻮﻋﺎ ت اﻟﻌﺮض اﻟﻤ‬
‫ﺘﺪاﺧﻠ ﺔ ‪ ،‬ﻓﻘﺪ‬
‫ﺘﺨﻄﻴﻂ اﻟﺨﻄ ﻲ اﻟﻤ‬
‫ﺘﺨﺪم اﻟﻌﺪﻳﺪ ﻣﻦ ﻣﺠﻤﻮﻋﺎ ت اﻟ‬
‫اﻷداء‪• .‬إذا وﺟﺪ ت ﻧﻔ ﺴﻚﺗ ﺴ‬
‫ﺒ ﻲ واﺣﺪ‪.‬‬
‫ﺑﻤﺨﻄﻂ ﻧ ﺴ‬‫ﺒﺪاﻟﻬﺎ‬
‫ﺘ‬‫ﺘﻤﻜﻦ ﻣﻦ اﺳ‬
‫ﺗ‬
‫‪Machine Translated by Google‬‬

‫ﺒﻲ‬
‫ﺗﺨﻄﻴﻂ ﻧ ﺴ‬

‫ﺘ ﻲﻳﻤﻜﻦ‬
‫ﺘﺨﻄﻴﻂ اﻟ‬
‫ﺘﻨﻮﻋ ﺔ ﻣﻦ ﻣﻌﻠﻤﺎ ت اﻟ‬
‫ﺑﻪ ﻣﺠﻤﻮﻋ ﺔ ﻣ‬‫ﺒﻲ‬
‫ﺘﺨﻄﻴﻂ اﻟﻨ ﺴ‬
‫•اﻟ‬
‫ﺑﻤﺎ ﻓ ﻲ ذﻟﻚ‪- :‬‬‫ﺘﺨﺪاﻣﻬﺎ ﻟﻤﺤﺎذاة اﻟﻄﻔﻞ‬
‫اﺳ‬

‫•أﻧﺪروﻳﺪ‪layout_alignParentTop :‬‬
‫ﺑﻖ ﻣﻊ اﻟﻘﻤ ﺔ‬
‫ﺘﻄﺎ‬
‫ﺗﺠﻌﻞ اﻟﺤﺎﻓ ﺔ اﻟﻌﻠﻮﻳ ﺔ ﻟﻬﺬا اﻟﻌﺮضﺗ‬
‫إذا ﻛﺎﻧ ﺖ ‪"true" ،‬‬
‫ﺣﺎﻓ ﺔ اﻟﻮاﻟﺪ‪.‬‬

‫•أﻧﺪروﻳﺪ‪layout_centerVertical :‬‬
‫ﺘﻢﺗﻮﺳﻴﻂ ﻫﺬا اﻟﻄﻔﻞ ﻋﻤﻮدﻳًﺎ داﺧﻞ واﻟﺪه‪.‬‬
‫إذا ﻛﺎن "ﺻﺤﻴﺤًﺎ" ‪،‬ﻳ‬

‫•أﻧﺪروﻳﺪ‪layout_below :‬‬

‫ﺑﻤﻌﺮف اﻟﻤﻮرد‪.‬‬‫ﻟﻮﺿﻊ اﻟﺤﺎﻓ ﺔ اﻟﻌﻠﻮﻳ ﺔ ﻟﻬﺬا اﻟﻌﺮض أﺳﻔﻞ اﻟﻌﺮض اﻟﻤﺤﺪد‬

‫‪Machine Translated by Google‬‬

‫ﺒﻲ‬
‫ﺗﺨﻄﻴﻂ ﻧ ﺴ‬
‫ﺑﻮ ت‪layout_toRightOf :‬‬
‫اﻟﺮو‬
‫ﺑﻤﻌﺮف‬‫ﻳﻀﻊ اﻟﺤﺎﻓ ﺔ اﻟﻴ ﺴﺮى ﻟﻬﺬا اﻟﻌﺮض ﻋﲆﻳﻤﻴﻦ اﻟﻌﺮض اﻟﻤﺤﺪد‬
‫اﻟﻤﻮرد‪.‬‬

‫‪• android: layout_alignBaseline‬‬

‫ﻳﻀﻊ ﺧﻂ اﻷﺳﺎس ﻟﻄﺮﻳﻘ ﺔ اﻟﻌﺮض ﻫﺬه ﻋﲆ ﺧﻂ اﻷﺳﺎس ﻟـ‬

‫ﺗ ﺴﺎء‪.‬‬
‫ّ ف ﻋﺮض اﻻر‬
‫ﺗﻢ ﻣﻨﺢ ﻣﻌ ﺮ‬

‫•أﻧﺪروﻳﺪ‪layout_alignTop :‬‬
‫ﺑﻖ ﻣﻊ اﻟﺤﺎﻓ ﺔ اﻟﻌﻠﻮﻳ ﺔ ﻟﻤﻌﺮف ﻋﺮض‬
‫ﺘﻄﺎ‬
‫ﻳﺠﻌﻞ اﻟﺤﺎﻓ ﺔ اﻟﻌﻠﻮﻳ ﺔ ﻟﻬﺬا اﻟﻌﺮضﺗ‬
‫ﺗ ﺴﺎء اﻟﻤﺤﺪد‪.‬‬ ‫اﻻر‬
Machine Translated by Google
‫‪Machine Translated by Google‬‬

‫ﺘﺨﻄﻴﻂ‬
‫اﻟﻘﻴﺪ اﻟ‬

‫ﺑﻮﺿﻊ وﺣﺠﻢ اﻟﺤﺎﺟﻴﺎ ت‬‫‪ • A ConstraintLayoutis‬ﻫﻮ ‪ViewGroup‬اﻟﺬيﻳ ﺴﻤﺢ ﻟﻚ‬

‫ﺑﻄﺮﻳﻘ ﺔ ﻣﺮﻧ ﺔ‪.‬‬

‫ﺘﺨﺪاﻣﻬﺎ ﻋﲆ أﻧﻈﻤ ﺔ‬
‫ﺒ ﺔ دﻋﻢﻳﻤﻜﻨﻚ اﺳ‬
‫ﺘ‬‫ﺘﻮﻓﺮ ‪ConstraintLayoutis‬ﻛﻤﻜ‬
‫•ﻣﻼﺣﻈ ﺔ‪:‬ﻳ‬
‫ﺘﻮى ‪API 9 (Gingerbread).‬‬
‫ﺑﺪءًا ﻣﻦ ﻣ ﺴ‬
‫‪Android‬‬
‫‪Machine Translated by Google‬‬

‫ﺒﻲ‬
‫ﺗﺨﻄﻴﻂ اﻟﻘﻴﺪ ‪-‬اﻟﻤﻮﺿﻊ اﻟﻨ ﺴ‬

‫ﺒﻨﺎ ت اﻷﺳﺎﺳﻴ ﺔ ﻹﻧﺸﺎء اﻟﻤﺨﻄﻄﺎ ت ﻓ ﻲ ‪ConstraintLayout.‬‬

‫ﺒ ﻲ ﻫﻮ أﺣﺪ اﻟﻠ‬
‫ﺗﺤﺪﻳﺪ اﻟﻤﻮاﻗﻊ اﻟﻨ ﺴ‬
‫•‬

‫ﺒ ﺔ إﱃ ﻋﻨﺼﺮ آﺧﺮ‪.‬‬
‫ﺑﺎﻟﻨ ﺴ‬‫ﺘﺨﺪم ﻣﻌﻴﻦ‬
‫ﺑﻮﺿﻊ ﻋﻨﺼﺮ واﺟﻬ ﺔ ﻣ ﺴ‬‫ﺗ ﺴﻤﺢ ﻟﻚ ﻫﺬه اﻟﻘﻴﻮد‬

‫ﺘﺨﺪم ﻋﲆ اﻟﻤﺤﻮر اﻷﻓﻘ ﻲ واﻟﺮأﺳ ﻲ‪:‬‬

‫ﻳﻤﻜﻨﻚﺗﻘﻴﻴﺪ ﻋﻨﺼﺮ واﺟﻬ ﺔ اﻟﻤ ﺴ‬

‫ﺒﺪاﻳ ﺔ واﻟﻨﻬﺎﻳ ﺔ‬
‫ﺒﻴﻦ اﻷﻳ ﺴﺮ واﻷﻳﻤﻦ واﻟ‬
‫•اﻟﻤﺤﻮر اﻷﻓﻘ ﻲ‪ :‬اﻟﺠﺎﻧ‬
‫•اﻟﻤﺤﻮر اﻟﺮأﺳ ﻲ‪ :‬اﻟﺠﻮاﻧ ﺐ اﻟﻌﻠﻮﻳ ﺔ واﻟ ﺴﻔﻠﻴ ﺔ واﻟﺨﻂ اﻷﺳﺎﺳ ﻲ ﻟﻠﻨﺺ‬

‫ﺘﺨﺪم ﻋﲆ ﺟﺎﻧ ﺐ آﺧﺮ ﻣﻦ أي‬

‫اﻟﻤﻔﻬﻮم اﻟﻌﺎم ﻫﻮﺗﻘﻴﻴﺪ ﺟﺎﻧ ﺐ ﻣﻌﻴﻦ ﻣﻦ ﻋﻨﺼﺮ واﺟﻬ ﺔ اﻟﻤ ﺴ‬
‫ﺘﺨﺪم آﺧﺮ‪.‬‬
‫ﻋﻨﺼﺮ واﺟﻬ ﺔ ﻣ ﺴ‬
‫‪Machine Translated by Google‬‬

‫ﺜﺎل ‪ ،‬ﻣﻦ أﺟﻞ وﺿﻊ اﻟﺰر ‪B‬ﻋﲆﻳﻤﻴﻦ اﻟﺰر ‪A.‬‬

‫ﺒﻴﻞ اﻟﻤ‬
‫ﻋﲆﺳ‬
Machine Translated by Google

‫ﺷﻜ ﺮًا‬