ئاندىروئىد Layout ئىشلەتكۈچى كۆرۈنمە يۈزىنى چۈشىنىش (1)

merdan

ئەسسالامۇ-ئەلەيكۇم !
ئىزاھات :
بۇ تېمىنى بۇ يىل 5- ئايدىن باشلاپ يازغانتىم .خىزمەتتىن سىرتقى بىكار ۋاقىتلىرىمدا ئاز تۇلا تولۇقلاپ ماڭدىم ،ئارلىقتا يەنە بىر ئىككى ئايدەك تاشلىۋېتىپ مانا ئاخىرىنى بۈگۈن چىقارغان ئوخشايمەن .  شۇنچە ۋاقىت ھارغۇچە يازدىم . تېما يارىغانلار ئوقۇپ ھېرىپ كەتسۇن دەپ .



ئەلتەر ئەپ بازىرىنىڭ ئەڭ يېڭى نەشىرىنى بۇ يەردىن چۈشۈرۈڭ :  [url= www.elter.cc/emarket] www.elter.cc/emarket[/url]


تۆۋەندە ئاندىروئىدنىڭ كۆرۈنمە يۈزىنى يەرلىك تىلىمىزغا ئايلاندۇرۇپلا سۆزلەپ ئۈتەي ، ئەسلى قىلىپقا سېلىپ چۈشەندۈرگۈدەك تىل سەۋىيەرىم يوق . بەلكىم موشۇ تېمىدىكى بەزى سۆزلەر كېيىن قىلىپ بولۇپ قىلىشىمۇ مۇمكىن .

Activity  ئاندىروئىدنىڭ ئەڭ ئاساسلىق  تەركىپ تاپقۇچى بۆلىكى ،مەسىلەن ئالساق بىر ئەپنى ئېچىپ يېڭىدىن ئاچىلغاندا بىر بەت كۆرۈنىدۇ ،بىرەر كونۇپكىسىنى باسساق يەنە بىر بەتكە ئالمىشىدۇ ،بۇ ئوخشىمىغان ھەربىر بەتنى بىر Activity دەپ چۈشەنسەك بولىدۇ ، يەنە Activity دېگەن كونۇپكا ،رامكا دېگەنلەرنى قويىدىغان جازا ياكى بوشلۇق ۋە ياكى كۆلچەك دەپ چۈشەنسەكمۇ بولىدۇ .شۇنداق بولغاندا ئاندىروئىدنىڭ بىر ئەپ يۈزى بىر كۆلچەككە سۇ قويۇپ ئۇنىڭغا ئالتۇن بېلىق ،يىلان بېلىق ،پاقا ،ئۆردەك ،غاز دېگەندەكلەرنى سېلىپ ئورۇنلىرىنى بېكىتىپ قويۇش خالاس .
بىر Activity ئاددىي بولغاندا بىرلا كونۇپكىنى ياكى باشقا بىرلا كىچىك بۆلەكچىنى ئۆزئىچىگە ئېلىشى مۇمكىن ، سەل مۇرەككەپ بولغاندا كونۇپكا (Buttons) ، خەتكۈچ (labels) ،تېكىست رامكىسى (text boxs)، رەسىم (image) ۋە باشقا نۇرغۇن بۆلەكچىلەرنى ئۆز ئىچىگە ئېلىشى مۇمكىن ،بۇ بۆلەكچىلەر ھەققىدە كېيىنكى دەرسلىكتە تەپسىلىي توختىلىمىز .
ئەپنىڭ مەلۇم بىر يۈزىنى لايىھىلىمەكچى بولغاندا ئېھتىياجىمىزغا ئاساسەن ، كونۇپكىدىن مۇنچىنى ، تېكىست رامكىسىدىن مۇنچىنى رەسىمدىن مۇنچىنى ۋە باشقىلار دەپ دەپ ئويلاپ بولغاندىن كېيىن xml ھۆججەتتىن بىرنى ئىشلىتىپلا بۇ بۆلەكچىلەرنى تىزىپ چىقساق بولىدۇ ، بۇ xml ھۆججەت res/layout مۇندەرىجىسىدە بولىدۇ .

رەسىمدە كۆرسىتىلگەندەك بىر Activity بولسا view ۋە viewgroup تىن تەشكىل تاپىدۇ . viewدېگىنىمىز يۇقىردا دېگەن ئۆردەك ،غاز ،بېلىق دېگەنلەر شۇ ،view نىڭ ئۆزئىچىگە ئالىدىغان بۆلەكچىلىرى كونۇپكا (Buttons) ، خەتكۈچ (labels) ،تېكىست رامكىسى (text boxs)، رەسىم (image) ،ۋە باشقا نۇرغۇن ، ھەر بىر بۆلەكچە بىر view بولىدۇ ،ئۇ android.view.View ئاساسىي تۈرىگە ۋارسلىق قىلىدۇ . بىر ياكى كۆپ view نى يېغىپ قويساق بۇ viewgroup بولىدۇ . viewgroupنى بىر ئالاھىدە view دەپ قارايمىز .
بىر viewgroup بىر كۆرۈنمە يۈز تەمىنلەپ بېرەلەيدۇ ، يەنى ئۇنىڭدا ئۇ ئۆز ئىچىگە ئالغان view لارنى كۆرسىتىلىش شەكلى ۋە ماس ئورۇنلىرىنى بەلگىلەشكە بولىدۇ ، viewgroupنىڭ view نى تىزىش شەكللىرى

LinearLayout----سىزىقلىق تىزىش
RelativeLayout-- نىسپىي تىزىش
FrameLayout----رامكىلىق تىزىش
TableLayout-----جەدىۋەللىك تىزىش
AbsoluteLayout--مۇتلەق تىزىش
ScrollView  

1.
LinearLayout سىزىقلىق تىزىش ھەققىدە :
سىزىقلىق تىزىش دېگىنىمىز تۈز سىزىق شەكلىدە تىزىش ، تۈز سىزىق بولغاندىمۇ پەقەت گورزىنتال ۋە ۋېرتىكال يۈنىلىشتىلا تىزىشقا بولىدۇ ، باشقا يۈنىلىش يوق .
سىزىقلىق تىزىشتا بۆلەكچىلەرنىڭ ئورنىنى بەلگىلەيدىغان تۆت مۇھىم ئامىل بار :

Android：orientation  سىزىقلىق تىزىشنىڭ Vertical ۋېرتىكال ياكى Horizontal  گورزىنتال يۈنىلىشىنى بەلگىلەيدۇ .
Android:layout_gravity  پۈتكۈل تىزىلىشنىڭ ئوڭ سولغا ياندىشىش يۈنىلىشىنى بەلگىلەيدۇ .
Android:gravity   بۆلەكچىلەرنىڭ ئوڭ سولغا ياندىشىش يۈنىلىشى بەلگىلەيدۇ .
Android：layout_weight   بۆلەكچىلەرگە قانچىلىك بوشلۇق بۆلۈشنى بەلگىلەيدۇ .

android:layout_width كۆرسىتىلگەن  viewياكى viewgroupنىڭ كەڭلىكىنى بەلگىلەيدۇ .
android:layout_height  كۆرسىتىلگەن  viewياكى viewgroupنىڭ ئېگىزلىكىنى بەلگىلەيدۇ .
بۇلارنىڭ ئالىدىغان قىممەتلىرى :
fill_parent ياكى match_parent  ،شۇ ئېگىزلىك ياكى كەڭلىكنى ئېكرانغا تولۇق توشقۇزۇشنى ئىپادىلەيدۇ .
wrap_content  بۇ شۇ ئېگىزلىك ياكى كەڭلىكنىڭ پەقەت ئىچىدىكى مەزمۇننىڭ چوڭلۇقىغا قاراپ بەلگىلىنىدىغانلىقىنى ئىپادىلەيدۇ .
ئەگەر خالىغانچە بەلگىلەيمىز دېسەك 15px،20px دېگەندەك ياكى 10dpدېگەندەك سانلىق قىممەتلەرنى ئىشلەتسەك بولىدۇ .

ئېكراننىڭ تۆت تەرىپى بىلەن بولغان ئارلىق :
android:layout_margin；
android:layout_marginTop  كۆرسىتىلگەن  viewياكى viewgroupنىڭ ئۈستى تەرەپ بىلەن بولغان ئارلىق
android:layout_marginBottom  كۆرسىتىلگەن  viewياكى viewgroupنىڭ  ئاستى  تەرەپ بىلەن بولغان ئارلىق
android:layout_marginLeft  كۆرسىتىلگەن  viewياكى viewgroupنىڭ  سول تەرەپ بىلەن بولغان ئارلىق   
android:layout_marginRight   كۆرسىتىلگەن  viewياكى viewgroupنىڭ ئوڭ تەرەپ بىلەن بولغان ئارلىق

android:gravity  كۆرسىتىلگەن  viewنىڭ ياندىشىش يۈنىلىشى .
layout_weight  ئېشىپ قالغان بوشلۇق قانچىلىك قىسمىنى كۆرسىتىلگەن viewغا ئايرىپ بېرىدىغانلىقى ئىپادىلەيدۇ .
layout_x   كۆرسىتىلگەن  viewياكى viewgroupنىڭ X كوردىناتىنى كۆرسىتىدۇ .
layout_y   كۆرسىتىلگەن  viewياكى viewgroupنىڭ Y كوردىناتىنى كۆرسىتىدۇ .
android:backgroun  كەينى رەڭ .
يۇقارقى بەزى خاسلىقلار بەلگىلەنگەن viewgroupلاردىلا ئىشلەيدۇ ،مەسىلەن layout_weight بىلەن layout_gravity پەقەت LinearLayoutبىلەن TableLayoutدىكى viewغىلا ئىشلەيدۇ .




مىسال (1.1)

1. 
   
3.     android:layout_width="fill_parent"
   
4.     android:layout_height="fill_parent"
   
5.     xmlns:android="http://schemas.android.com/apk/res/android"
   
6.     >
   
7.    
8.         android:layout_width="105px"
   
9.         android:layout_height="wrap_content"
   
10.         android:text="@string/hello"
    
11.         />
    
12.    
13.         android:layout_width="100px"
    
14.         android:layout_height="wrap_content"
    
15.         android:text="Button"
    
16.         />
    

مەزمۇننى كۆچۈرۈۋېلىش

بۇنىڭدا باشتا بىر سىزىقلىق تىزىش LinearLayout يازدۇق ، يۈنىلىشىنى يازمىدۇق ،شۇڭا سۈكۈتتىكى ھالەتتە گورزىنتال  يۈنىلىشتە بولىدۇ . سولدىن ئوڭغا بولىدۇ .
ئاندىن بىر TextViewتېكىست كۆرسىتىش رامكىسى يازدۇق ، ئۇنىڭ كەڭلىكى 105px، ئېگىزلىكى ئىچىدىكى تېكىست چوڭلۇقى تەرىپىدىن بەلگىلىنىدۇ ،ئاندىن ئۇنىڭغا بىر تېكىست يازدۇق .
ئۇنىڭ يېنىغا بىر Button كونۇپكا يازدۇق ،كونۇپكىنىڭ كەڭلىكى 100px، ئېگىزلىكى كونۇپكىدىكى خەت تەرىپىدىن بەلگىلىنىدۇ ، ئاخىرىدا ئۇنىڭغا Button دەپ بىر خەت بەردۇق .

ئۈنۈمى تۆۋەندىكى رەسىمدىكىدەك :



ئەگەر يۇقارقى LinearLayout نىڭ يۈنىلىشى ۋېرتىكال قىلىپ ئۆزگەرتسەك :

1. 
   
2. [code]
   
4.     android:layout_width="fill_parent"
   
5.     android:layout_height="fill_parent"
   
6.     android:orientation="vertical"
   
7.     xmlns:android="http://schemas.android.com/apk/res/android"
   
8.     >
   
9.    
10.         android:layout_width="105px"
    
11.         android:layout_height="wrap_content"
    
12.         android:text="@string/hello"
    
13.         />
    
14.    
15.         android:layout_width="100px"
    
16.         android:layout_height="wrap_content"
    
17.         android:text="Button"
    
18.         />
    

مەزمۇننى كۆچۈرۈۋېلىش

[/code]

بۇنىڭ ئۈنۈمى :





مىسال (1.2)

1. 
   
3.     android:layout_width="fill_parent"
   
4.     android:layout_height="fill_parent"
   
5.     xmlns:android="http://schemas.android.com/apk/res/android"
   
6.         android:orientation="vertical"
   
7.     >
   
8.    
9.         android:layout_width="105px"
   
10.         android:layout_height="wrap_content"
    
11.         android:text="@string/hello"
    
12.         />
    
13.    
14.         android:layout_width="100px"
    
15.         android:layout_height="wrap_content"
    
16.         android:text="Button"
    
17.         android:layout_gravity="right"
    
18.         android:layout_weight="0.2"
    
19.         />
    
20.    
21.         android:layout_width="fill_parent"
    
22.         android:layout_height="wrap_content"        
    
23.         android:textSize="18sp"
    
24.         android:layout_weight="0.8"        
    
25.         />
    

مەزمۇننى كۆچۈرۈۋېلىش

بۇ مىسال يۇقارقى مىسالغا سېلىشتۇرغاندا بىر EditText تېكىست كىرگۈزۈش (تەھرىرلەش ) رامكىسى ئارتۇق ، Buttonنى "android:layout_gravity="right" ئارقىلىق ئوڭ تەرەپكە يانداشتۇرغان .
ئەڭ باشتا بىر TextView يېزىپ بولغاندىن كېيىن قالغان بوشلۇقنى   android:layout_weight="0.2" ۋە    android:layout_weight="0.8"    ئارقىلىق Button كونۇپكىغا %20 نى  EditText تېكىست كىرگۈزۈش (تەھرىرلەش ) رامكىسىغا %80 قىلىپ بۆلۈپ بەرگەن .

بۇنىڭ ئۈنۈمى :





2.RelativeLayout   نىسپىي  تىزىش :
RelativeLayout  ئۆز ئىچىگە ئالغان view لارنىڭ ئۆز ئارا بولغا نىسپىي ئورنىنى بەلگىلەيدىغان تىزىش شەكلى ، شۇنداقلا تىزىش شەكللىرى ئىچىدىكى ئەڭ جانلىق ئىشلەتكىلى بولىدىغان ،قېيىنلىق دەرىجىسىمۇ سەل يۇقىرى بولغان تىزىش شەكلى ، بۇنىڭدا viewلارنىڭ ئورنى توقۇنۇشۇپ قىلىش نىسبىتىمۇ يۇقىرى بولىدۇ . مىسال ئالساق ،كونۇپكىدىن بىرنى ،تېكىست كۆرسىتىش رامكىدىن بىرنى قويساق ،ئورۇن جەھەتتىن كونۇپكىنىڭ ئاستى ئۈستى تېكىست كۆرسىتىش رامكىسى بىلەن ئوخشاش بولسۇن ، تېكىست كۆرسىتىش رامكىسى كونۇپكىنىڭ ئوڭ ياكى سول تەرىپىدە بولسۇن دەپ بۇ ئىككىسى ئوتتۇرسىدىكى نىسپىي ئورۇننى تەڭشىسەك بۇ RelativeLayout نىسپىي تىزىش بولىدۇ .
RelativeLayout نىسپىي تىزىشنىڭ بىر قىسىم خاسلىقلىرى :

بىرىنچى تۈر : كۆرسىتىلگەن viewنىڭ id سى ئارقىلىق باشقا id دىكى viewلار بىلەن بولغان نىسپىي ئورنىنى بەلگىلەش ، id نى @id/id-name شەكلىدە قوللىنىمىز .
android:layout_below  مەلوم view نىڭ ئاستىدا .
android:layout_above  مەلۇم viewنىڭ ئۈستىدە .
android:layout_toLeftOf  مەلۇم viewنىڭ سول تەرىپىدە .
android:layout_toRightOf  مەلۇم viewنىڭ ئوڭ تەرىپىدە .
android:layout_alignTop  كۆرسىتىلگەن viewنىڭ ئۈستى تەرىپى بىلەن مەلۇم  view نىڭ ئۈستى تەرىپى تەكشى بولىدۇ .
android:layout_alignBottom  كۆرسىتىلگەن viewنىڭ ئاستى تەرىپى بىلەن مەلۇم  view نىڭ ئاستى تەرىپى تەكشى بولىدۇ .
android:layout_alignLeft  كۆرسىتىلگەن viewنىڭ سول تەرىپى بىلەن مەلۇم  view نىڭ سول تەرىپى تەكشى بولىدۇ .
android:layout_alignRight  كۆرسىتىلگەن viewنىڭ ئوڭ تەرىپى بىلەن مەلۇم  view نىڭ ئوڭ تەرىپى تەكشى بولىدۇ .

ئىككىنچى تۈر : كۆرسىتىلگەن viewنىڭ id سى ئارقىلىق باشقا id دىكى viewلار بىلەن بولغان نىسپىي ئارلىقنى بەلگىلەش ،مەسىلەن 30dip، 35px دېگەندەك .
android:layout_marginBottom   مەلۇم viewنىڭ ئاستى تەرىپى بىلەن بولغان ئارلىق
android:layout_marginTop     مەلۇم viewنىڭ ئۈستى تەرىپى بىلەن بولغان ئارلىق
android:layout_marginLeft      مەلۇم viewنىڭ سول تەرىپى بىلەن بولغان ئارلىق
android:layout_marginRight      مەلۇم viewنىڭ ئوڭ تەرىپى  بىلەن بولغان ئارلىق

ئۈچىنچى تۈر : قىممىتى true راست ياكى false  يالغان بولغان خاسلىقلار .
android:layout_centerHrizontal   گورزىنتال ئوتتۇرغا توغۇرلانسۇن
android:layout_centerVertical     ۋېرتىكال ئوتتۇرغا توغۇرلانسۇن
android:layout_centerInparent     شۇ RelativeLayout نىڭ مەركەزگە توغۇرلانسۇن
android:layout_alignParentTop    شۇ RelativeLayout نىڭ ئۈستىگە يانداشسۇن
android:layout_alignParentBottom     شۇ RelativeLayout نىڭ ئاستىغا يانداشسۇن
android:layout_alignParentLeft         شۇ RelativeLayout نىڭ سول تەرىپىگە يانداشسۇن
android:layout_alignParentRight      شۇ RelativeLayout نىڭ ئوڭ تەرىپىگە يانداشسۇن
android:layout_alignWithParentIfMissing      ئەگەر شۇ viewتېپىلمىسا ئورنىنى RelativeLayout نىڭ رەڭگى ئارقىلىق تولدۇرۇلسۇن .



مىسال (2.1)

1. 
   
3.     android:id="@+id/RLayout"
   
4.     android:layout_width="fill_parent"
   
5.     android:layout_height="fill_parent"
   
6.     xmlns:android="http://schemas.android.com/apk/res/android"
   
7.     >
   
8.    
9.         android:id="@+id/lblComments"
   
10.         android:layout_width="wrap_content"
    
11.         android:layout_height="wrap_content"
    
12.         android:text="Comments"
    
13.         android:layout_alignParentTop="true"
    
14.         android:layout_alignParentLeft="true"
    
15.         />
    
16.    
17.         android:id="@+id/txtComments"
    
18.         android:layout_width="fill_parent"
    
19.         android:layout_height="170px"
    
20.         android:textSize="18sp"
    
21.         android:layout_alignLeft="@+id/lblComments"
    
22.         android:layout_below="@+id/lblComments"
    
23.         android:layout_centerHorizontal="true"
    
24.         />
    
25.    
26.         android:id="@+id/btnSave"
    
27.         android:layout_width="125px"
    
28.         android:layout_height="wrap_content"
    
29.         android:text="Save"
    
30.         android:layout_below="@+id/txtComments"
    
31.         android:layout_alignRight="@+id/txtComments"
    
32.         />
    
33.    
34.         android:id="@+id/btnCancel"
    
35.         android:layout_width="124px"
    
36.         android:layout_height="wrap_content"
    
37.         android:text="Cancel"
    
38.         android:layout_below="@+id/txtComments"
    
39.         android:layout_alignLeft="@+id/txtComments"
    
40.         />
    

مەزمۇننى كۆچۈرۈۋېلىش

بۇ كودنى تۆۋەندىكى ئۈنۈم رەسىمى ۋە يۇقارقى RelativeLayout نىڭ خاسلىقلىرىغا ئاساسەن چۈشىنىش قېيىن ئەمەس .
ئۈنۈم رەسىم :





3. FrameLayout  رامكىلىق تىزىش :
FrameLayout  رامكىلىق تىزىش ئەڭ ئاددىي تىزىش شەكلى بولسا كېرەك ، بۇ خىل تىزىش شەكلىدە ھەرقايسى viewلارنىڭ ئورنىنى تەڭشەش ھاجەتسىز ،تىزسىمۇ بەرىبىر پايدىسى يوق ، بەرىبىر ھەممە view ئۈستى سول تەرەپتىكى بۇلۇڭغا چاپلاشقىنى چاپلاشقان ، ئەڭ ئالدى بىلەن قويغان view ئەڭ باشتا چاپلىشىدۇ ،ئۇنىڭ ئارقىدىن قويغان view باشتا قويغا view نىڭ ئۈستىگىلا بېسىۋالىدۇ ، شۇنىڭدەك كەينىدە قويۇلغان viewلار باشتا قويۇلغان viewلارنى باشتۇرۇپ تىزىلىدۇ .

مىسال (3.1)

1. 
   
2. 
   
4. 
   
5.     android:layout_width="fill_parent"
   
6. 
   
7.     android:layout_height="fill_parent"
   
8. 
   
9.     >
   
10. 
    
12. 
    
13.     android:layout_width="fill_parent"
    
14. 
    
15.     android:layout_height="wrap_content"
    
16. 
    
17.     android:textSize="50dip"
    
18. 
    
19.     android:textColor="#ffffff"
    
20. 
    
21.     android:text="birinchi qewet"/>
    
22. 
    
24. 
    
25.     android:layout_width="fill_parent"
    
26. 
    
27.     android:layout_height="wrap_content"
    
28. 
    
29.     android:textSize="40dip"
    
30. 
    
31.     android:textColor="#ffff00"
    
32. 
    
33.     android:text="ikkinchi qewet"/>
    
34. 
    
36. 
    
37.     android:layout_width="fill_parent"
    
38. 
    
39.     android:layout_height="wrap_content"
    
40. 
    
41.     android:textSize="30dip"
    
42. 
    
43.     android:textColor="#ff00ff"
    
44. 
    
45.     android:text="uchinchi qewet"/>
    
46. 
    
48. 
    
49.     android:layout_width="fill_parent"
    
50. 
    
51.     android:layout_height="wrap_content"
    
52. 
    
53.     android:textSize="20dip"
    
54. 
    
55.     android:textColor="#00ffff"
    
56. 
    
57.     android:text="totinchi qewet"/>
    
58. 
    

مەزمۇننى كۆچۈرۈۋېلىش

　


يۇقارقى كود بۇيىچە بىز بۇ FrameLayout  نىڭ ئىچىگە تۆت دانە TextView  تېكىست كۆرسىتىش رامكىسى قۇرۇپ ئىچىگە ئايرىم ئايرىم ھالدا birinchi qewet، ikkinchi qewet، uchinchi qewet ۋە totinchi qewet دەپ ھەرخىل رەڭلەردىكى خەتلەرنى قويدۇق ، تۆۋەندە ئۈنۈم رەسىمىنى كۆرۈپ باقايلى . نېمىشقا يۇقارقى بىرىنچى قەۋەت ،ئىككىنچى قەۋەت دېگەنلەرنى ئۇيغۇر يېزىقىدا يازمىدىك دەپ سورىماي تۇرۇڭلار ،سەل تۇرۇپ ئۆزۈملا دەپ بېرىمەن .



رەسىمدە كۆرسىتىلگەندەك ، ھەممىسى ئۈستى سول بۇلۇڭغا يانداشقان ، birinchi qewet دېگەن ئەڭ باشتا يازغان view ئەڭ ئاستىدا قالغان ،ئەڭ ئاخىردا يازغان totinchi qewet دېگەن view ئەڭ ئۈستىگە چىققان .

ئەمدى يۇقارقى تۆت دانە تېكىست كۆرسىتىش رامكىسىنىڭ ئورۇنلىرىنى سەل ئۆزگەرتىپ كۆرۈپ باقايلى ،ئۈنۈمى بۇلامدۇ يوق .

بىرىنچى TextView نى ئۆزگەرتمەي ،ئىككىنچىسىنى ئۆزگەرتىپ ئىككىنچىسىنى بىرىنچىسىنىڭ ئوڭ تەرىپىگە ئۆتكۈزەيلى .

2. 
   
3.     android:id="@+id/tv2"
   
4. 
   
5.     android:layout_width="fill_parent"
   
6. 
   
7.     android:layout_height="wrap_content"
   
8. 
   
9.     android:textSize="40dip"
   
10. 
    
11.     android:textColor="#ffff00"
    
12. 
    
13. android:layout_toRightOf="@id/tv1"
    
14. 
    
15. android:text="ikkinchi qewet"/>

مەزمۇننى كۆچۈرۈۋېلىش

ئەمدى ئۈچىنچىسىنى تۆۋەندىكىدەك ئۆزگەرتىپ ئوڭغا يانداشتۇرايلى

2. 
   
3.     android:id="@+id/tv3"
   
4. 
   
5.     android:layout_width="fill_parent"
   
6. 
   
7.     android:layout_height="wrap_content"
   
8. 
   
9.     android:textSize="30dip"
   
10. 
    
11.     android:textColor="#ff00ff"
    
12. 
    
13.     android:gravity="right"
    
14. 
    
15. android:text="uchinchi qewet"/>

مەزمۇننى كۆچۈرۈۋېلىش

تۆتىنچىسى ئۆزگەرتمەي ئۈنۈمىنى كۆرۈپ باقايلى .



ئۆزگەرتكەن ئىككىنچى تېكىست كۆرسەتكۈچ رامكىسى يەنى ikkinchi qewet دېگەن خەت جايىدا تۇرۇپتۇ ، ئەمما ئوڭغا يانداشتۇرغان uchinchi qewet دېگەن ئۈچىنچى تېكىست كۆرسەتكۈچ رامكا ئوڭغا يانداشقاندەك كۆرۈنىۋاتىدۇ ...ياق ..ياق ..راستلا ئوڭغا ياندىشىپ قاپتۇ ، بۇ ئەھۋال مەن باشتا دېگەن FrameLayout تا view لارنىڭ ئورنىنى بەلگىلىسا ئۈنۈمى بولمايدۇ دېگەن گەپكە زىت بولۇپ قالدىمۇ قانداق ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
ئالدىراپ قارار چىقارمايلى . بىز ئىككىنچى TextView تېكىست كۆرسەتكۈچ رامكىنى بەلگىلىگەندە ئۇنىڭ كەڭلىكى  android:layout_width="fill_parent" دەپ يېزىپ قويغان ، بۇ يەردىكى كەڭلىك ئالغان قىممەت fill_parent نىڭ مەنىسى بولسا ئېكراننىڭ ئوڭ تەرىپىدىن باشلىنىپ سول تەرىپىگە تۇتىشىدۇ دېگەن مەنىدە ، شۇڭا يۇقىردا يازغان ئوڭغا يانداشتۇرۇش كودى android:gravity="right"   تېكىست كۆرسەتكۈچ رامكىنىڭ يۈنىلىشىنى ئۆزگەرتمەي پەقەت ئىچىدىكى uchinchi qewet دېگەن تېكىستنىلا ئوڭغا يانداشتۇرغان ، ئىشەنمىسەڭلار  android:layout_width="fill_parent" دىكى fill_parent دېگەن قىممەتنى wrap_content دەپ كەڭلىكىنى پەقەت يازغان تېكىستنىڭ كەڭلىكى بىلەنلا چەكلەپ سىناپ كۆرەيلى ، ئۈنۈمى تۆۋەندىكىدەك :

دېگەندەك  يۇقارقى ئورۇن تەڭشەشلەرنىڭ viewلارغا نىسبەتەن ھىچقانداق رولى يوق .




ئەمدى يۇقارقى تېكىستلارنى پىنيىنچە ، خەنچە ھەم  ئۇيغۇر يېزىقىمىزغا يېزىپ بىر ئۈنۈمىنى كۆرۈپ باقايلى :
كود :

1. 
   
2. 
   
4. 
   
5.     android:layout_width="fill_parent"
   
6. 
   
7.     android:layout_height="fill_parent"
   
8. 
   
9.     >
   
10. 
    
11.    
12. 
    
13.         android:layout_width="fill_parent"
    
14. 
    
15.         android:layout_height="wrap_content"
    
16. 
    
17.         android:textSize="30dip"
    
18. 
    
19.         android:textColor="#ffffff"
    
20. 
    
21.         android:text="بىرىنچى قەۋەت "/>
    
22. 
    
23.    
24. 
    
25.         android:layout_width="fill_parent"
    
26. 
    
27.         android:layout_height="wrap_content"
    
28. 
    
29.         android:textSize="40dip"
    
30. 
    
31.         android:textColor="#ffff00"
    
32.         android:layout_toRightOf="@id/tv1"
    
33. 
    
34.         android:text="ikkinchi qewet"/>
    
35. 
    
36.    
37. 
    
38.         android:layout_width="wrap_content"
    
39. 
    
40.         android:layout_height="wrap_content"
    
41. 
    
42.         android:textSize="30dip"
    
43. 
    
44.         android:textColor="#ff00ff"
    
45.         android:gravity="right"
    
46. 
    
47.         android:text="第三层"/>
    
48. 
    
49.    
50. 
    
51.         android:layout_width="fill_parent"
    
52. 
    
53.         android:layout_height="wrap_content"
    
54. 
    
55.         android:textSize="20dip"
    
56. 
    
57.         android:textColor="#00ffff"
    
58. 
    
59.         android:text="تۆتىنچى قەۋەت "/>
    
60. 
    

مەزمۇننى كۆچۈرۈۋېلىش

ئۈنۈمى :


ھەيران قالارلىق ئىش يۈز بەردى مانا ، پىنيىنچە ۋە خەنچە بۇرۇنقىدەكلا ئۈستى سول بۇلۇڭغا يانداشقان ، ئەمما ئۇيغۇر يېزىقىمىز بولسا ئۈستى ئوڭ بۇلۇڭغا يانداشقان ، قارىغاندا بۇ Android Studio دېگەن دېتال بىزنىڭ يېزىقىمىزنىڭ ئوڭدىن سولغا يازىدىغان قائىدىسىنى بىلىدىغان ئوخشايدۇ .





4. TableLayout  جەدىۋەللىك تىزىش

TableLayout  جەدىۋەللىك تىزىش   بۇ ئىسىمدىنلا كۆز ئالدىمىزغا قۇر ۋە قاتاردىن تۈزۈلگەن نۇرغۇن كاتەكچىلىك جەدىۋەللەر كېلىدۇ ، TableLayout دەل بىز ئويلىغاندەك قۇر ۋە قاتارلار ئارقىلىق view لارنى تىزىپ چىقىرىدىغان تىزىش شەكلى .
ھەربىر قۇرغا بىر TableRow ياكى بىر view تىزىلىدۇ .
بىر قۇرغا بىرنى TableRow نى قويغان ۋاقىتتا بىر TableRow نىڭ ئىچىگە يەنە بىر ياكى كۆپ view لارنى قويغىلى بولىدۇ ، بۇ TableRowنىڭ ئىچىگە قويۇلغان viewلار بىر قۇرغا تىزىلىدۇ . ئەگەر  TableRow ئىشلەتمىسەك ھەر بىر view بىر قۇرغا تىزىلىدۇ .

TableLayout نىڭ قۇر سانى ئەپ ئاچقۇچى تەرىپىدىن بىۋاستە بېكىتىلىدۇ ،يەنى قانچە TableRow ياكى قانچە يەككە view بولسا شۇنچە قۇر بولىدۇ .
TableLayout نىڭ قاتار سانى TableRow ئۆز ئىچىگە ئالغان ئەڭ كۆپ view نىڭ سانىغا ئاساسەن بولىدۇ ، مەسىلەن ئۈچ TableRow بولسا ، بىرىنچىسىدە 2 دانە view ،ئىككىنچىسىدە 4 view بولسا ،ئۈچىنچىسىدە 3 view بولسا،ئۇنداقتا TableLayout  نىڭ قۇرسانى 4 بولىدۇ .


TableLayout نىڭ خاسلىقلىرى :

TableLayoutنىڭ خاسلىقلىرى پۈتۈن خاسلىق ۋە يەككە خاسلىقنى ئۆز ئىچىگە ئالىدۇ .
پۈتۈن خاسلىقلار :

android:stretchColumns  كېڭەيتىشكە بولىدىغان قاتارنى بەلگىلەيدۇ .بۇ قاتار قۇرنىڭ يۈنىلىشى بۇيىچە كېڭىيىدۇ ،كۆپ بولغاندا پۈتۈن بىر قۇرنى ئېگەللەيدۇ .
android:shrinkColumns   يېغىشقا بولىدىغان قاتارنى بەلگىلەيدۇ . مەلۇم قاتاردىكى مەزمۇن بەك كۆپ بولۇپ قۇرغا پاتماي قىسىلىپ قالغاندا بۇ ئارقىلىق مەزمۇننى قاتار يۈنىلىشى بۇيىچە كۆرسىتىدۇ .
android:collapseColumns   يۇشۇردىغان قاتارنى بەلگىلەيدۇ .

مەسىلەن :

1. android:stretchColumns="0"

مەزمۇننى كۆچۈرۈۋېلىش

نۆلىنچى قاتارنى كېڭەيتىدۇ .

1. android:shrinkColumns="1,2"

مەزمۇننى كۆچۈرۈۋېلىش

  بىرىنچى ،ئىككىنجى قاتارنى يېغىدۇ .

1. android:collapseColumns="*"

مەزمۇننى كۆچۈرۈۋېلىش

بارلىق قاتارلارنى يۇشۇرىدۇ .

كۆرسەتمە :
stretchColumns بىلەن shrinkColumns نى بىرلا ۋاقىتتا قوللىنىشقا بولىدۇ ، ئەگەر مەلۇم قاتاردىكى مەزمۇن بەك كۆپ بولغاندا مەزمۇننى نەچچە قۇرغا ئايرىپ كۆرسىتىپ قاتارنىڭ قۇرغا پاتماي قىلىشىشىنىڭ ياكى قىسىلىپ قىلىشىنىڭ ئالدىنى ئالىدۇ ،ئەمما بۇ يەردىكى مەزمۇننى نەچچە قۇرغا ئايرىش شۇ مەزمۇننى قويغان view نىڭ راستلا نەچچە قۇرنى ئېگەللەيدىغانلىقى بىلدۈرمەيدۇ ، بۇ view جەدىۋەللىك تىزىشقا نىسبەتەن يەنىلا بىرلا قۇرغا توغرا كېلىدۇ ،سىستېما پەقەت مەزمۇننىڭ كۆپلىكىگە ئاساسەن بۇ قۇرنىڭ layout_height  نى ئاپتۇماتىك تەڭشەپ بېرىدۇ .

يەككە خاسلىقلار :
android:layout_column  كۆرسىتىلگەن كاتەكنىڭ قانچىنچى قاتاردا ئىكەنلىكىنى بەلگىلەيدۇ .

android:layout_span  كۆرسىتىلگەن كەتەكنىڭ قانچە قاتار ئېگەللەيدىغانلىقىنى بەلگىلەيدۇ ،(ئەگەر بەلگىلىمىسە سۈكۈتتىكى ھالەتتە 1 بولىدۇ )

مەسىلەن :

1. android:layout_column="1"

مەزمۇننى كۆچۈرۈۋېلىش

بۇ view ياكى كاتەك بىرىنچى قاتاردا كۆرسېتىلىدۇ .

1. android:layout_span="2"

مەزمۇننى كۆچۈرۈۋېلىش

بۇ view ياكى كاتەك ئىككى قاتار ئېگەللەيدۇ .

كۆرسەتمە : بىر كاتەك بىرلا ۋاقىتتا بۇ ئىككى خاسلىقنى ئىشلەتسە بولىدۇ .


تۆۋەندىكى مىسال ئارقىلىق جەدىۋەللىك تىزىشنى تېخىمۇ چوڭقۇرلاپ چۈشىنەلەيمىز!
كود:

1. 
   
3.     android:orientation="vertical"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="match_parent"
   
6.     android:padding="3dp"
   
7.     >
   
8. 
   
9.    
   
10.    
11. 
    
12.         android:layout_height="wrap_content"
    
13.         android:layout_width="wrap_content"
    
14.         android:text="بىرىنچى جەدىۋەل :پۈتۈن خاسلىق تەڭشەش "
    
15.         android:textSize="15sp"
    
16.         android:textColor="#ffffffff"
    
17.         android:background="#ff00b2b2"
    
18.         />
    
19.    
20.         android:id="@+id/table1"
    
21.         android:layout_width="fill_parent"
    
22.         android:layout_height="wrap_content"
    
23.         android:stretchColumns="0"
    
24.         android:shrinkColumns="1"
    
25.         android:collapseColumns="2"
    
26.         android:padding="3dip">
    
27. 
    
28.         
    
29.             
    
                
    
    
                
    
    
            
    
    
    
            
    
                
    
                
    
            
    
    
    
       
    
    
    
       
    
       
            android:text="ئىككىنجى جەدىۋەل :كاتەك تەڭشەش ،خاسلىق"
    
            android:layout_height="wrap_content"
    
            android:layout_width="wrap_content"
    
            android:textSize="15sp"
    
            android:background="#7f00ffff"/>
    
       
            android:id="@+id/table2"
    
            android:layout_width="match_parent"
    
            android:layout_height="wrap_content"
    
            android:padding="2dip">
    
            
    
                
    
    
                
    
    
                
    
    
            
    
    
    
            
    
                
                          android:layout_column="1"/>
    
            
    
    
    
            
    
                
                    android:text="بۇ بىرىنچىسدىن ئىككىنچى قاتارغا ئۆتتى"
    
                    android:layout_column="1"
    
                    android:layout_span="2"
    
                    />
    
            
    
    
    
       
    
    
    
       
    
       
            android:text="ئۈچىنچى جەدىۋەل :تەكشى بولمىغان تىزىش"
    
            android:layout_height="wrap_content"
    
            android:layout_width="wrap_content"
    
            android:textSize="15sp"
    
            android:background="#7f00ffff"/>
    
       
            android:id="@+id/table3"
    
            android:layout_width="fill_parent"
    
            android:layout_height="wrap_content"
    
            android:stretchColumns="*"
    
            android:padding="3dip"
    
            >
    
            
    
                
    
    
30.             
    
31.             
    
32.         
    
33.    
    
34. 
    
35.    
    
36.    
37.         android:text="تۆتىنچى جەدىۋەل :تەكشى تىزىش"
    
38.         android:layout_height="wrap_content"
    
39.         android:layout_width="wrap_content"
    
40.         android:textSize="15sp"
    
41.         android:background="#7f00ffff"/>
    
42.    
43.         android:id="@+id/table4"
    
44.         android:layout_width="fill_parent"
    
45.         android:layout_height="wrap_content"
    
46.         android:stretchColumns="*"
    
47.         android:padding="3dip"
    
48.         >
    
49.         
    
50.             
    
51.             
    
52.             
    
53.         
    
54.    
    

مەزمۇننى كۆچۈرۈۋېلىش

ئۈنۈمى :




GridLayout  تور كاتەكچىسى شەكلىدە تىزىش

بىز ئۈستىدە سۆزلەپ ئۆتكەن TabelLayout جەدىۋەللىك تىزىشتا view ياكى TabelRow قۇر ۋە قاتار بويىچە تىزىلىدۇ .ھەر بىر قۇردا بىرTableRow ياكى بىر view بولىدۇ ،TableRow نىڭ ئىچىگە يەنە باشقا view لارنى قويۇشقا بولىدۇ ،قويغان ھەربىر TableRow ياكى ھەربىر view بىر قاتار بولىدۇ  ،ئەمما بۇنداق جەدىۋەللىك تىزغاندا بىر view ياكى بىر  TableRow نى كۆپ قۇر ياكى كۆپ قاتارغا سوزۇپ قويغىلى بولمايدۇ ،مەسىلەن بىر كونۇپكىنى بىر قاتار ئىككى قۇرغا سوزۇپ قۇيالمايدۇ .

ئاندىروئىدنىڭ 4.0 نىڭ يۇقىرى نەشىرلىرىدە يېڭىدىن قوشقان GridLayout تور كاتەكچىسى شەكلىدە تىزىشتا بۇ مەسىلە ھەل قىلىنغان ،GridLayout ئىنچىكە تەقلىدىي سىزىق ئارقىلىق شۇ GridLayout دىكى كۆرۈنمە يۈزنى قۇر ۋە قاتارغا ئايرىپ تور كاتەكچىسى ھاسىل قىلىپ view لارنى شۇ كاتەكچىلەرگە قويىدۇ ، بىر view نىڭ قۇر ،قاتارلارنى كېسىشتۈرۈپ تىزىشقىمۇ بولىدۇ .
GridLayout نى LinearLayout نىڭ سەل ئۆزگەرتىلگەن نۇسخىسى دەپ قاراشقىمۇ بولىدۇ ، GridLayout تۆۋەندىكىدەك ئۈچ تەرەپنى ئۆز ئىچىگە ئالىدۇ :
ئالدى بىلەن LinearLayout سىزىقلىق تىزىشقا ئوخشاش يۈنىلىشنى ۋېرتىكال ياكى گورزىنتال دەپ بەلگىلەيمىز ،سۈكۈتتىكى ھالەتتە گورزىنتال يۈنىلىشتە بولىدۇ .بىر view يەنە بىر view غا ياندىشىپ سولدىن ئوڭغا تەرتىپ بۇيىچە تىزىلىدۇ ،ئەمما android:columnCount ئارقىلىق قاتار سانىنى بەلگىلەپ قويساق شۇ قاتار توشقاندا ئاپتۇماتىك ئاستىنقى قۇرغا تىزىلىدۇ  ،يەنە بىر تەرەپتىن GridLayoutدىكى view لار  سۈكۈتتىكى ھالەتتە wrap_content قىممىتىدە تەڭشىلىدۇ ،بۇنى GridLayout نى قۇرغاندا ئىزاھلاپ قويسىلا بولىدۇ .
ئەگەر مەلۇم view نى مۇقىم قۇر ياكى قاتاردا تىزىپ كۆرسەتمەكچى بولساق شۇ viewنىڭ android:layout_row بىلەن android:layout_column قىممىتىنى تەڭشەپ قويساقلا بولىدۇ ،دىققەت قىلىشقا تېگىشلىكى

1. android:layout_row=”0”

مەزمۇننى كۆچۈرۈۋېلىش

بولسا بىرىنچى قۇردىن باشلىنىپ تىزىلىشنى

1. android:layout_column=”0”

مەزمۇننى كۆچۈرۈۋېلىش

بولسا بىرىنجى قاتاردىن باشلىنىپ تىزىلىشنى ئىپادىلەيدۇ .

ئەگەر مەلۇم view نى بىردىن ئارتۇق قۇر ياكى رەتكە سوزۇپ قويماقچى بولساق پەقەت شۇ view نىڭ android:layout_rowSpan ياكى layout_columnSpan قىممىتىنى قويماقچى بولغان قۇر ياكى رەت سانىغا تەڭشەپ ،layout_gravity نىڭ قىممىتىنى fill قىلىپ قويساقلا بولىدۇ .

تۆۋەندىكى مىسال ئارقىلىق ھېسابلىغۇچنىڭ كۆرۈنمە يۈزىنى يېزىپ باقايلى .

　　

1.   
   
3.     android:layout_width="wrap_content"  
   
4.     android:layout_height="wrap_content"  
   
5.     android:orientation="horizontal"  
   
6.     android:rowCount="5"  
   
7.     android:columnCount="4" >  
   
8. 　　
9.         android:id="@+id/one"  
   
10.         android:text="1"/>  
    
11. 　　
12.         android:id="@+id/two"  
    
13.         android:text="2"/>  
    
14. 　　　
15.         android:id="@+id/three"  
    
16.         android:text="3"/>  
    
17. 　　
18.         android:id="@+id/devide"  
    
19.         android:text="/"/>  
    
20. 　　
21.         android:id="@+id/four"  
    
22.         android:text="4"/>  
    
23. 　　
24.         android:id="@+id/five"  
    
25.         android:text="5"/>  
    
26. 　　
27.         android:id="@+id/six"  
    
28.         android:text="6"/>  
    
29. 　　
30.         android:id="@+id/multiply"  
    
31.         android:text="×"/>  
    
32. 　　
33.         android:id="@+id/seven"  
    
34.         android:text="7"/>  
    
35. 　　
36.         android:id="@+id/eight"  
    
37.         android:text="8"/>  
    
38. 　　
39.         android:id="@+id/nine"  
    
40.         android:text="9"/>  
    
41.    
42.         android:id="@+id/minus"  
    
43.         android:text="-"/>  
    
44.    
45.         android:id="@+id/zero"  
    
46.         android:layout_columnSpan="2"  
    
47.         android:layout_gravity="fill"  
    
48.         android:text="0"/>  
    
49. 　　
50.         android:id="@+id/point"  
    
51.         android:text="."/>  
    
52.    
53.         android:id="@+id/plus"  
    
54.         android:layout_rowSpan="2"  
    
55.         android:layout_gravity="fill"  
    
56.         android:text="+"/>  
    
57.    
58.         android:id="@+id/equal"  
    
59.         android:layout_columnSpan="3"  
    
60.         android:layout_gravity="fill"  
    
61.         android:text="="/>   
    
62.   

مەزمۇننى كۆچۈرۈۋېلىش

ئۈنۈمى :


تېمىدا بەزى جايلارنى چۈشەنچەم بۇيىچىلا يازغان ، شۇڭا خاتالىقلاردىن خالى ئەمەس . توغرا چۈشىنىشىڭلارنى ئۈمۈت قىلىمەن .

merdan

تېمىغا مۇناسىۋەتسىز ھەر قانداق ئىنكاس يۇيۇلىدۇ .

uyghur26

مەن مۇشۇ ئانا تىلىمنىڭ گىپى چىقسا تۇرالمايمەن ،راستىنلا ئۇقۇپ ھېرىپ كەتتىم ،ئانا تىلغا مۇناسىۋەتلىك ھەرقانداق تېمىنى ئەستايىدىل ئۇقۇش كىرەك ،مۇشۇنداق پايدىلىق تېمىلىرڭىز ئۇزۇلمىسۇن رەھمەت.

abdu28

پاھ مەن ئۈچۈنلا يېزىپسىز جۇمۇ بۇ تىمىنى.
ھارمايلا ئوقۇۋەتتىمغۇ!

hatar005

ئەجەپ ئوبدان تۇلۇق چۈشۈنۈشلۈك تىما بوپتۇ

ئەينەك

ئەجەپ جىق يىزىۋىتىپسىز ، قانچىلىك ۋاقىتتا يىزىپ بولغانسىز بۇنى ھە  ئۇف ！

ئەركيۇرت

ئاران ئوقۇپ بولدۇم.    
رەھمەت, تەپسىلىي چۈشەندۈرۈپسىز!

13309954400

سىز پىراگىراممىر مۇنىمە  چۈشۈنىشلىك بۇپتۇ

MSM

ئاللاھ رازى بولسۇن، ئىلىمنىڭ زاكىتى دېگەن مانا مۇشۇ

dilnazuk

  ھارماي تالماي يېزىپسىز ،قانچىلىك ۋاقىتتا يېزىپ بولغانسىز ھە

جۇدالىق

راسلا ئۇقۇپ ھېرىپ كەكۈدەك تېما بۇپتۇ مەن ئانچە چۈشنۈپ كەتمىسەممۇ يەنلا سىزگە رەھمەت

yawaxboy

ScrollView  سىيرىلما دەپ ئالساق بولىدىغۇ دەيمەن. بولسا داۋملىق تۆت چوڭ قورۇلىمنمۇ  يازىغان بولسىڭىز.تىخمۇ تىرىشىپ بولسا ئۇيغۇرچە Androidقا مۇناسىۋەتلىك كىتاپتىن بىرنى يىزىشىڭزىغا تىلەكداشمەن. رەھممەت جاپا تارتىڭىز....

تەنھا110

بارىكاللا رەھمەت سىزگە!
بۇ بىلىم بىلەن ئاندرويد دېتالىنى ئۆزى خالىغانچە گەپ يوق ياسىغىلى بولغىدەك.

ali117

ھارمىغايسىز ،ئۇستاز ھەقىقەتەن چۇشۇنىشلىك بوپتۇ ؟؟؟
مەنمۇ ،ئاران .ئۇقۇپ بولدۇم ئۇف
رەھمەت سىزگە؟

تۈمۈر139

بەك تەپسېلى بوپتۇ