در این مطلب، ویدئو نحوه برنامه نویسی یک برنامه رابط کاربری گرافیکی (با Python Tkinter)! با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 1:05:13
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:01,180 –> 00:00:03,159
بچه ها چه خبر و به وبلاگ
2
00:00:03,159 –> 00:00:05,649
دیگری خوش آمدید من فقط شوخی می کنم فقط
3
00:00:05,649 –> 00:00:07,810
یک آموزش برنامه نویسی دیگر امروز در
4
00:00:07,810 –> 00:00:09,429
این ویدیو ما می خواهیم یاد بگیریم که چگونه
5
00:00:09,429 –> 00:00:12,160
یک برنامه رابط کاربری گرافیکی بسازیم تا یک رابط کاربری گرافیکی داشته باشیم
6
00:00:12,160 –> 00:00:14,650
و برای انجام این کار
7
00:00:14,650 –> 00:00:18,460
از کتابخانه tkinter Python استفاده خواهیم کرد. در
8
00:00:18,460 –> 00:00:19,630
پایان ویدیو چیزی
9
00:00:19,630 –> 00:00:23,200
شبیه به این خواهید داشت، بنابراین ما این
10
00:00:23,200 –> 00:00:24,610
ویجت کوچک را روی صفحه داریم و من می توانم
11
00:00:24,610 –> 00:00:27,250
اندازه این ویجت را تغییر دهم که به نوعی
12
00:00:27,250 –> 00:00:30,310
چیز خوبی است که در بسیاری از
13
00:00:30,310 –> 00:00:33,370
برنامه های tkinter نمی بینم، اما این برنامه به این صورت است که
14
00:00:33,370 –> 00:00:35,640
اگر در شهری تایپ کنم، بنابراین در بوستون زندگی می
15
00:00:35,640 –> 00:00:40,269
کنم و روی دریافت آب و هوا خوب کلیک می کنم
16
00:00:40,269 –> 00:00:42,460
، شرایط آب و هوایی فعلی بوستون را به من می دهد و
17
00:00:42,460 –> 00:00:44,410
من می توانم این کار را برای هر شهری انجام دهم، بنابراین می توانم
18
00:00:44,410 –> 00:00:49,059
مانند میامی تایپ کنم، می توانم در شهرهای خارجی نیز تایپ کنم.
19
00:00:49,059 –> 00:00:52,870
مثل مادرید اسپانا و
20
00:00:52,870 –> 00:00:54,519
وقتی این کار را انجام می دهید باید از این کد کشور استفاده کنید
21
00:00:54,519 –> 00:00:57,010
و من هم می توانم
22
00:00:57,010 –> 00:01:03,489
که خیلی خوب است من می توانم کدهای پستی را انجام دهم، بنابراین برای بوستون
23
00:01:03,489 –> 00:01:05,290
و یکی از آن ها اگر کدهای 0 2 2 1 5 باشد
24
00:01:05,290 –> 00:01:08,260
و این پیش فرض است، بنابراین فکر می کنم. اسپانیا 0 2 2
25
00:01:08,260 –> 00:01:11,410
1 5 بنابراین اگر 0 2 2 5 1 5 ما را انجام
26
00:01:11,410 –> 00:01:13,510
دهم، دریافت می کنم بوستون نیز همین است، بنابراین این چیزی است که
27
00:01:13,510 –> 00:01:18,190
ما میخواهیم بسازیم، بنابراین اساساً
28
00:01:18,190 –> 00:01:19,810
این ویدیو چگونه کار میکند،
29
00:01:19,810 –> 00:01:21,580
ما با نوعی از اصول
30
00:01:21,580 –> 00:01:24,160
اولیه tkinter شروع میکنیم و سپس به نوعی
31
00:01:24,160 –> 00:01:26,770
پایه آنچه را که در آن میبینید بسازیم.
32
00:01:26,770 –> 00:01:27,490
در حال حاضر صفحه نمایش
33
00:01:27,490 –> 00:01:29,950
و سپس هنگامی که ما پایه را بدست آوریم،
34
00:01:29,950 –> 00:01:33,450
آن را به یک API آب و هوا وصل می کنیم
35
00:01:33,450 –> 00:01:36,160
و سپس همه قطعات را کنار هم قرار می دهیم و
36
00:01:36,160 –> 00:01:37,660
در واقع آخرین کاری که انجام می
37
00:01:37,660 –> 00:01:40,090
دهیم این است که آن را به یک فایل اجرایی تبدیل می کنیم تا
38
00:01:40,090 –> 00:01:43,300
بتوانید اگر از ویدیوهای من لذت می برید، قبل از شروع این کار را در هر کجا اجرا کنید،
39
00:01:43,300 –> 00:01:45,100
40
00:01:45,100 –> 00:01:46,570
اگر این کانال را به اشتراک بگذارید برای من اهمیت زیادی دارد،
41
00:01:46,570 –> 00:01:49,510
همچنین اگر می توانید
42
00:01:49,510 –> 00:01:51,460
این کار فوق العاده عالی
43
00:01:51,460 –> 00:01:54,130
44
00:01:54,130 –> 00:01:56,410
خواهد بود.
45
00:01:56,410 –> 00:01:59,140
شما همچنین از اینستاگرام و توییتر من عکس میگیرید
46
00:01:59,140 –> 00:02:01,600
که آنها دنبال میکنند، بسیار عالی است، زیرا
47
00:02:01,600 –> 00:02:02,860
من اکنون میخواهم آن نوع
48
00:02:02,860 –> 00:02:06,250
موارد را در آن مکانها نصب کنم، خوب برای شروع باز
49
00:02:06,250 –> 00:02:09,038
کردن یک فایل پایتون جدید مهم نیست
50
00:02:09,038 –> 00:02:11,120
که شما آن را چه مینامید من هستم. می خواهم به من زنگ
51
00:02:11,120 –> 00:02:18,950
بزنم، فکر می کنم برنامه آب و هوا نقطه Pui و شما آل بنابراین
52
00:02:18,950 –> 00:02:20,810
میخواهم چند کتابخانه را نصب
53
00:02:20,810 –> 00:02:22,580
کنم، میتوانم فوراً به آنها نیاز دارم، اما
54
00:02:22,580 –> 00:02:26,900
ضرری ندارد که فقط برای
55
00:02:26,900 –> 00:02:30,019
نصب چند کتابخانه آماده باشم و آنها
56
00:02:30,019 –> 00:02:32,390
به این صورت هستند که میخواهید تایپ کنید و میخواهید
57
00:02:32,390 –> 00:02:33,920
پنجره ترمینال را باز کنید و تایپ کنید
58
00:02:33,920 –> 00:02:36,230
درخواستهای نصب pip اینگونه است که ما
59
00:02:36,230 –> 00:02:40,040
با API برخورد خواهیم کرد و من قبلاً
60
00:02:40,040 –> 00:02:42,500
آن را دارم و سپس میخواهیم
61
00:02:42,500 –> 00:02:46,370
pip install pillow pillow
62
00:02:46,370 –> 00:02:48,849
63
00:02:48,849 –> 00:02:51,590
64
00:02:51,590 –> 00:02:53,360
را نیز نصب کنیم. در حین ساختن رابط کاربری گرافیکی خود، از این برای
65
00:02:53,360 –> 00:02:55,340
رسیدگی به برخی موارد تصویر استفاده میکنیم
66
00:02:55,340 –> 00:02:58,489
و احتمالاً میبینید
67
00:02:58,489 –> 00:03:00,890
که من این مشکل را دارم، بنابراین این کار را انجام دهید
68
00:03:00,890 –> 00:03:04,310
تا آماده شوید، کتابخانه tkinter
69
00:03:04,310 –> 00:03:06,500
اشتباه میکند و من فکر میکنم یکی دیگر هم همینطور است.
70
00:03:06,500 –> 00:03:08,780
URL کتابخانه Lib که در این ویدیو خواهید دید
71
00:03:08,780 –> 00:03:11,209
که به پاییز می رسد و فقط برای اینکه به
72
00:03:11,209 –> 00:03:12,650
شما اطلاع دهم من در پایتون سه برنامه نویسی می کنم
73
00:03:12,650 –> 00:03:16,010
و از متن عالی 3 به
74
00:03:16,010 –> 00:03:18,170
عنوان ویرایشگرم استفاده می کنم، شروع به ساخت برنامه ما
75
00:03:18,170 –> 00:03:21,410
با خطوط زیر می کند، بنابراین ابتدا ما
76
00:03:21,410 –> 00:03:24,410
باید کتابخانه tkinter و
77
00:03:24,410 –> 00:03:25,250
w را وارد کنید این tkinter را انجام میدهیم که
78
00:03:25,250 –> 00:03:28,250
TK دارد و سپس هر
79
00:03:28,250 –> 00:03:30,019
برنامهای که با tkinter میسازیم باید
80
00:03:30,019 –> 00:03:32,840
مسیری مانند یک پنجره مسیر داشته باشد
81
00:03:32,840 –> 00:03:35,060
تا همه چیز را در آن قرار دهد تا آن
82
00:03:35,060 –> 00:03:39,079
پنجره مسیر که انجام میدهید root برابر با TK
83
00:03:39,079 –> 00:03:44,150
dot t–k باشد و سپس برای اجرای برنامه خود
84
00:03:44,150 –> 00:03:46,099
به طوری که این فقط یک پنجره واحد باشد، هیچ چیزی
85
00:03:46,099 –> 00:03:50,030
در آن وجود ندارد، اما ما حلقه mean dot را انجام می دهیم، بنابراین
86
00:03:50,030 –> 00:03:50,959
هر چیزی که
87
00:03:50,959 –> 00:03:52,970
می خواهیم در برنامه خود قرار دهیم
88
00:03:52,970 –> 00:03:56,180
بین این دو خط قرار می گیرد و اگر من
89
00:03:56,180 –> 00:03:59,329
این را اجرا کنم شما ببینید که ما اولین برنامه کوچک رابط کاربری گرافیکی خود را داریم که
90
00:03:59,329 –> 00:04:02,630
فوق العاده سرگرم کننده است، هیچ
91
00:04:02,630 –> 00:04:04,609
چیز مهمی در اینجا نیست، اما ما شروع به قرار دادن
92
00:04:04,609 –> 00:04:08,239
چیزها در این صفحه می
93
00:04:08,239 –> 00:04:10,389
کنیم، بنابراین اکنون که این پنجره کوچک را داریم،
94
00:04:10,389 –> 00:04:12,950
اجازه دهید در واقع شروع به قرار دادن مانند
95
00:04:12,950 –> 00:04:17,029
ویجت های واقعی در برنامه رابط کاربری گرافیکی خود کنیم و به نظر من
96
00:04:17,029 –> 00:04:18,769
بهترین است. جایی برای مستندات
97
00:04:18,769 –> 00:04:20,238
من داشتم به رسمی مثل tkinter
98
00:04:20,238 –> 00:04:21,589
docs
99
00:04:21,589 –> 00:04:25,600
نگاه می کردم و خیلی خوب نبودم، بنابراین می خواهم این
100
00:04:25,600 –> 00:04:29,150
لینک آموزش را به اشتراک بگذارم و این را در توضیحات قرار می دهم،
101
00:04:29,150 –> 00:04:31,070
اما اگر التون این
102
00:04:31,070 –> 00:04:32,870
مکان مفیدی بود برای رفتن به آن بفهمید که
103
00:04:32,870 –> 00:04:36,590
چه چیزی می توانید با tkinter انجام دهید، بنابراین اگر
104
00:04:36,590 –> 00:04:39,320
به اینجا برویم، تمام
105
00:04:39,320 –> 00:04:41,990
ویجتهایی را که میتوانید استفاده کنید فهرست میکند، من فکر میکنم این
106
00:04:41,990 –> 00:04:44,660
همه آنها هستند، بنابراین بیایید با یک
107
00:04:44,660 –> 00:04:46,400
ویجت بسیار ساده شروع کنیم، اجازه دهید یک دکمه
108
00:04:46,400 –> 00:04:49,729
به صفحه نمایش خود اضافه کنیم تا به
109
00:04:49,729 –> 00:04:50,900
نوعی اصول اولیه را مرور کنید و سپس ما در
110
00:04:50,900 –> 00:04:52,430
واقع شروع به ساخت آن برنامه ای می
111
00:04:52,430 –> 00:04:53,540
کنیم که در ابتدای ویدیو به شما نشان دادم،
112
00:04:53,540 –> 00:04:55,700
بنابراین فقط این دکمه را
113
00:04:55,700 –> 00:04:58,580
برابر صدا می کنیم و اگر روی این دکمه
114
00:04:58,580 –> 00:05:02,360
در اینجا در داک کلیک کنیم و به پایین برویم. کمی
115
00:05:02,360 –> 00:05:06,320
به ما نشان میدهد که چگونه از آن استفاده کنیم، بنابراین
116
00:05:06,320 –> 00:05:07,880
دکمه W برابر است و در واقع فکر میکنم
117
00:05:07,880 –> 00:05:11,750
یک مثال در اینجا میآورد، بنابراین
118
00:05:11,750 –> 00:05:13,940
کمی بیشتر یک مثال را در اینجا نشان میدهد و
119
00:05:13,940 –> 00:05:17,539
یک چیزی که باید در این مورد توجه داشته باشید این است که اگر
120
00:05:17,539 –> 00:05:19,580
میتوانید ببینید ما ممکن است آن را بسازیم. این
121
00:05:19,580 –> 00:05:23,479
اینجا کمی بزرگتر است اما از دکمه TK dot استفاده نمی کنند
122
00:05:23,479 –> 00:05:25,100
و دلیلش این است که آنها
123
00:05:25,100 –> 00:05:27,110
آن را متفاوت وارد کرده اند، اما من
124
00:05:27,110 –> 00:05:30,380
فقط آن را همانطور که آن را وارد کرده ایم نگه می دارم و بنابراین
125
00:05:30,380 –> 00:05:33,310
وقتی این را صدا می زنیم، دکمه TK dot انجام می شود
126
00:05:33,310 –> 00:05:36,260
و می خواهیم دکمه ما را در
127
00:05:36,260 –> 00:05:39,500
ریشه قرار دهید تا به نوعی ساختار تودرتو باشد
128
00:05:39,500 –> 00:05:41,930
تا ریشه حاوی باشد همه چیز است و
129
00:05:41,930 –> 00:05:43,669
سپس وقتی میخواهیم
130
00:05:43,669 –> 00:05:45,800
چیزها را در ظرفهای خاص قرار دهیم،
131
00:05:45,800 –> 00:05:47,960
از ریشه شروع میکنیم و فقط میتوانیم مانند
132
00:05:47,960 –> 00:05:50,300
قرار دادن چیزها از آنجا ادامه دهیم و این
133
00:05:50,300 –> 00:05:53,360
در یک ثانیه منطقیتر خواهد بود، بنابراین
134
00:05:53,360 –> 00:05:54,979
ریشه دکمه TK جایی است که ما میخواهیم عبور دهیم. آن را وارد کنید
135
00:05:54,979 –> 00:06:00,050
و ما متن را به عنوان
136
00:06:00,050 –> 00:06:06,590
دکمه تست تنظیم می کنیم و این فعلاً خوب خواهد بود، بنابراین
137
00:06:06,590 –> 00:06:10,630
بیایید آن را بسازیم که اکنون دکمه ما کجاست،
138
00:06:10,630 –> 00:06:12,950
بنابراین ما دکمه خود را برای پیدا کردن آنچه
139
00:06:12,950 –> 00:06:15,770
نیاز داریم در واقع مانند آن را قرار دهیم تا اولین
140
00:06:15,770 –> 00:06:17,599
راهی که بتوانیم آن را انجام دهیم آیا میتوانیم بسته نقطهای دکمهای را انجام دهیم
141
00:06:17,599 –> 00:06:20,060
و آن را روی
142
00:06:20,060 –> 00:06:24,680
صفحهای قرار میدهد، شما آن دکمه کوچک را دقیقاً
143
00:06:24,680 –> 00:06:26,750
در اینجا روی صفحه میبینید که بسته همه چیز
144
00:06:26,750 –> 00:06:28,990
را کمی عجیب و غریب کرده است، اما ما یک دکمه
145
00:06:28,990 –> 00:06:31,729
داریم که باید در مورد
146
00:06:31,729 –> 00:06:33,890
این دکمه به آن اشاره کنم. من
147
00:06:33,890 –> 00:06:35,449
متنی را که در آن ارسال کردم به عنوان
148
00:06:35,449 –> 00:06:38,809
آرگومان کلمه کلیدی مانند این قرار دادم، اگر
149
00:06:38,809 –> 00:06:43,189
به مستندات اینجا نگاه کنید، این گزینه
150
00:06:43,189 –> 00:06:45,259
و توضیحات همه مقادیر مختلفی
151
00:06:45,259 –> 00:06:47,240
هستند که می توانید به عنوان
152
00:06:47,240 –> 00:06:50,689
آرگومان های کلمه کلیدی مانند این ارسال کنید، بنابراین من نیز می توانم انجام دهم
153
00:06:50,689 –> 00:06:52,520
و این برای همه صادق است. ویجت
154
00:06:52,520 –> 00:06:54,319
هایی که ما کار خواهیم کرد با بنابراین میتوانم پسزمینههایی را انجام دهم
155
00:06:54,319 –> 00:06:57,529
که میگویند خاکستری، فکر میکنم این باید
156
00:06:57,529 –> 00:06:59,150
کار کند، میتوانید از خاکستری استفاده کنید یا اگر با آن آشنا هستید میتوانید از یک رنگ هگزا دسیمال استفاده کنید،
157
00:06:59,150 –> 00:07:01,009
158
00:07:01,009 –> 00:07:03,199
بنابراین اکنون دکمه
159
00:07:03,199 –> 00:07:05,330
روی صفحه را میبینید که کوچک است اما ما میتوانیم
160
00:07:05,330 –> 00:07:09,830
خاکستری آن را ببینیم. من همچنین میتوانم برای بزرگ این کار را انجام
161
00:07:09,830 –> 00:07:13,300
دهم، فرض کنید بله، میتوانم پیشزمینه
162
00:07:13,300 –> 00:07:21,650
برابر با
163
00:07:21,650 –> 00:07:23,830
164
00:07:23,830 –> 00:07:27,169
قرمز انجام
165
00:07:27,169 –> 00:07:29,479
166
00:07:29,479 –> 00:07:32,689
دهم تا تغییر کنم. به مستندات نگاه کنید
167
00:07:32,689 –> 00:07:33,979
تا ببینید واقعاً چه کاری میتوانید
168
00:07:33,979 –> 00:07:39,770
در آنجا انجام دهید، خوب حالا که ما
169
00:07:39,770 –> 00:07:41,599
به سرعت
170
00:07:41,599 –> 00:07:43,610
آرگومانهای کلیدواژه را بررسی کردیم، یکی از چیزهایی که در
171
00:07:43,610 –> 00:07:45,229
حال حاضر واقعاً من را آزار میدهد، بهتر است، این است که
172
00:07:45,229 –> 00:07:47,899
چقدر کوچک است، مثل اینکه به معنای واقعی کلمه دارم سعی میکنم آن را ادامه دهم.
173
00:07:47,899 –> 00:07:51,169
صفحه نمایش و
174
00:07:51,169 –> 00:07:52,699
حتی نمی توانم جایی را پیدا کنم که بتوانم آن را جابجا
175
00:07:52,699 –> 00:07:54,560
کنم زیرا این بسیار کوچک است، حدس می زنم اکنون
176
00:07:54,560 –> 00:07:57,620
می توانم آن را جابجا کنم، بنابراین بیایید ظرفی بسازیم
177
00:07:57,620 –> 00:07:59,779
که این دکمه را در
178
00:07:59,779 –> 00:08:03,319
آن قرار دهد، بنابراین چند راه مختلف
179
00:08:03,319 –> 00:08:08,089
برای انجام این کار وجود دارد. می گویند من دوست دارم t o
180
00:08:08,089 –> 00:08:11,089
با یک بوم شروع کنید، بنابراین اگر به
181
00:08:11,089 –> 00:08:14,509
اسناد برگردم و ممکن است فعلاً اسناد را
182
00:08:14,509 –> 00:08:18,169
به کنار صفحه فشار دهم زیرا
183
00:08:18,169 –> 00:08:19,430
می خواهم کدم را کمی بزرگتر کنم،
184
00:08:19,430 –> 00:08:22,789
اما بله، شما این ویجت بوم را می بینید، بنابراین
185
00:08:22,789 –> 00:08:24,939
ما دوباره از یکی از اینها برای تنظیم
186
00:08:24,939 –> 00:08:29,689
اندازه اولیه خود استفاده میکنم، من این را برای مدتی مخفی میکنم،
187
00:08:29,689 –> 00:08:32,539
188
00:08:32,539 –> 00:08:39,049
بنابراین این بوم را برابر با بوم TK مینامیم
189
00:08:39,049 –> 00:08:40,610
، همانطور که دکمه خود را تعریف کردهایم تعریف میشود، همانطور که دکمههایمان را تعریف کردهایم
190
00:08:40,610 –> 00:08:44,840
، به ریشه میرود.
191
00:08:44,840 –> 00:08:49,640
و حالا میتوانیم
192
00:08:49,640 –> 00:08:52,670
این دو پارامتر دارد، بیایید ببینیم آیا
193
00:08:52,670 –> 00:08:55,090
میتوانم این را برای یک
194
00:08:55,090 –> 00:08:58,250
ارتفاع دوم در اینجا بازگردانم یا نه و فکر میکنم جایی در اینجا یک عرض وجود دارد،
195
00:08:58,250 –> 00:08:59,510
196
00:08:59,510 –> 00:09:02,930
بله، بنابراین میتوانیم آنها را وارد کنیم و
197
00:09:02,930 –> 00:09:06,350
سپس آنچه در مورد این بوم خوب است این است که ما
198
00:09:06,350 –> 00:09:09,710
در از بالا به خوب من
199
00:09:09,710 –> 00:09:14,440
این ارتفاع را برابر با 700 پیکسل و عرض را
200
00:09:14,440 –> 00:09:17,570
برابر با 1000 می نامم یا بیایید کمی
201
00:09:17,570 –> 00:09:20,720
کوچکتر 800 پیکسل کنیم اکنون می توانم
202
00:09:20,720 –> 00:09:22,940
آن مقادیر را ارسال کنم و شما می توانید آنها را
203
00:09:22,940 –> 00:09:26,060
مستقیماً وارد کنید، اما من دوست دارم
204
00:09:26,060 –> 00:09:28,370
متغیرهای خود را بنویسم بنابراین من اعداد جادویی را در
205
00:09:28,370 –> 00:09:29,960
همه جا وارد نکنید که من می دانم اینها چیست
206
00:09:29,960 –> 00:09:32,270
مقادیر e هستند و من به راحتی
207
00:09:32,270 –> 00:09:39,500
می توانم آنها را با عرض مساوی تغییر دهم و یک بسته بوم انجام می دهم
208
00:09:39,500 –> 00:09:42,980
و این اکنون باید
209
00:09:42,980 –> 00:09:46,480
یک پنجره بزرگتر به ما بدهد که قطعاً خوب است
210
00:09:46,480 –> 00:09:49,040
حالا دیگر از چرخیدن در اطراف این
211
00:09:49,040 –> 00:09:50,210
نوع صفحه دست بردارید زیرا هر بار که
212
00:09:50,210 –> 00:09:52,430
این صفحه را تکان می دهم. این اشتباه است،
213
00:09:52,430 –> 00:09:54,920
من آن را دور آن تکان می دهم و پنجره دیگرم را می بندم.
214
00:09:54,920 –> 00:09:57,200
من تمایل دارم از این بوم
215
00:09:57,200 –> 00:09:59,240
مانند مکان نما استفاده کنم تا
216
00:09:59,240 –> 00:10:01,130
بخواهم اندازه صفحه نمایش اولیه خود را چیزی که
217
00:10:01,130 –> 00:10:03,350
دوست دارم به دست بیاورم، اما در واقع مانند
218
00:10:03,350 –> 00:10:05,180
سازماندهی واقعی ویجت هایی که روی آن قرار داده ام شروع کنم.
219
00:10:05,180 –> 00:10:07,340
صفحه نمایش من از یک قاب استفاده خواهم کرد، بنابراین می خواهم
220
00:10:07,340 –> 00:10:10,940
قاب را برابر با قاب T ke dot تعریف کنم، من
221
00:10:10,940 –> 00:10:14,710
می خواهم ریشه آن را والد آن کنم و
222
00:10:14,710 –> 00:10:17,450
بنابراین به جای بسته بندی
223
00:10:17,450 –> 00:10:19,130
، تفاوت های بین بسته بندی
224
00:10:19,130 –> 00:10:20,690
قرار دادن را بررسی می کنم و سپس وجود دارد. همچنین این چیزی
225
00:10:20,690 –> 00:10:23,270
به نام شبکه در یک ثانیه، اما من میخواهم
226
00:10:23,270 –> 00:10:26,030
قاب نقطهای را در مکان ناکس انجام دهم، یک رنگ
227
00:10:26,030 –> 00:10:27,820
برای آن درست میکنم تا بتوانید دقیقاً ببینید
228
00:10:27,820 –> 00:10:31,190
چه چیزی است، بنابراین ما قرمز داریم، ما سفید داریم
229
00:10:31,190 –> 00:10:33,500
، این را آبی کنیم تا بتوانیم آن را ببینیم. جای خیلی
230
00:10:33,500 –> 00:10:34,100
231
00:10:34,100 –> 00:10:37,370
راحت قاب می شود و نازک است g در مورد
232
00:10:37,370 –> 00:10:40,580
این مکان تابع این است که من می توانم عرض نسبی انجام دهم
233
00:10:40,580 –> 00:10:43,980
یک ارتفاع نسبی
234
00:10:43,980 –> 00:10:45,480
برابر با یک است و این فقط
235
00:10:45,480 –> 00:10:50,339
هر چیزی را که والد باشد پر می کند، بنابراین اکنون می
236
00:10:50,339 –> 00:10:52,079
بینید که ما این فریم را داریم که کل صفحه را پر می کند
237
00:10:52,079 –> 00:10:54,779
و اگر من می خواستم
238
00:10:54,779 –> 00:10:57,990
آن را بسازم نه کل صفحه
239
00:10:57,990 –> 00:11:00,839
را می توانم کاری انجام دهم
240
00:11:00,839 –> 00:11:05,670
که مثلاً 0.8 ارتفاع نسبی
241
00:11:05,670 –> 00:11:09,930
برابر با 0.8 است و حالا می توانیم اجرا کنیم که حالا
242
00:11:09,930 –> 00:11:13,170
مثل آن است و سپس
243
00:11:13,170 –> 00:11:16,380
اگر بخواهیم می توانیم با انجام x نسبی
244
00:11:16,380 –> 00:11:20,699
برابر با نقطه یک آن را در مرکز قرار دهیم.
245
00:11:20,699 –> 00:11:22,500
نقطه یک را در یک طرف و نقطه یک را
246
00:11:22,500 –> 00:11:26,389
در طرف دیگر می دهد و من حدس می زنم y نسبی
247
00:11:26,389 –> 00:11:29,220
برابر با نقطه صفر یک است و این دقیقاً
248
00:11:29,220 –> 00:11:30,779
مانند درصد
249
00:11:30,779 –> 00:11:33,110
صفحه است بنابراین اگر در حال حاضر نقطه یک را
250
00:11:33,110 –> 00:11:37,560
10٪ در نظر بگیرید، من این را اجرا می کنم. می بینید که شما
251
00:11:37,560 –> 00:11:39,480
این قاب را دارید که دقیقاً در مرکز
252
00:11:39,480 –> 00:11:42,720
همه چیز قرار دارد و نکته خوب در مورد این
253
00:11:42,720 –> 00:11:47,279
است که با صفحه تنظیم می شود همانطور که من
254
00:11:47,279 –> 00:11:48,870
آن را تغییر می دهم بنابراین عرض نسبی و
255
00:11:48,870 –> 00:11:50,459
ارتفاع نسبی عملکرد مکان
256
00:11:50,459 –> 00:11:52,440
واقعاً خوب است به همین دلیل برای این کار
257
00:11:52,440 –> 00:11:57,540
هدف و فقط به این دلیل که این آبی
258
00:11:57,540 –> 00:11:59,130
برای چشمان من سخت است،
259
00:11:59,130 –> 00:12:01,140
چیزی که من به
260
00:12:01,140 –> 00:12:03,089
شما نشان خواهم داد این است که میتوانیم از این رنگهای هگزا دسیمال استفاده کنیم،
261
00:12:03,089 –> 00:12:05,399
بنابراین من میخواهم مانند یک
262
00:12:05,399 –> 00:12:07,920
سایه روشن از آبی، چیزی که بسیار
263
00:12:07,920 –> 00:12:10,470
آسان است. روی چشمانم، بنابراین می خواهم
264
00:12:10,470 –> 00:12:14,790
کاری شبیه به این انجام دهم، این مقدار هگز یک
265
00:12:14,790 –> 00:12:17,390
DC 1 FF است و من در واقع می توانم آن
266
00:12:17,390 –> 00:12:19,680
را به پس زمینه منتقل کنم و
267
00:12:19,680 –> 00:12:23,390
به جای آن آن رنگ را انتخاب می کند، اوه باید
268
00:12:23,390 –> 00:12:26,819
هشتگ هگزا دسیمال 80 را انجام دهم، بنابراین اکنون داریم
269
00:12:26,819 –> 00:12:29,540
این کمی برای رنگ چشمهای ما آسانتر
270
00:12:29,540 –> 00:12:32,699
است و من میتوانم کاری مشابه
271
00:12:32,699 –> 00:12:35,160
با دکمه انجام دهم، بنابراین شاید با دکمه
272
00:12:35,160 –> 00:12:38,550
میخواستم متن را پیشفرض نگه
273
00:12:38,550 –> 00:12:40,920
274
00:12:40,920 –> 00:12:42,990
دارم و این کار را انجام ندهم که میتوانم با دکمه هم اکنون آن را به من منتقل کنم.
275
00:12:42,990 –> 00:12:46,110
قاب به جای ریشه، بنابراین
276
00:12:46,110 –> 00:12:48,060
پسزمینه در واقع میتوانیم آن را
277
00:12:48,060 –> 00:12:50,130
خاکستری بگذاریم، بیایید ببینیم چگونه به نظر میرسد،
278
00:12:50,130 –> 00:12:51,630
حالا دکمه کوچک خود را در اینجا در
279
00:12:51,630 –> 00:12:53,940
داخل قاب خود داریم، خوب، بیایید چند ویجت دیگر اضافه
280
00:12:53,940 –> 00:12:55,910
کنیم تا بتوانیم
281
00:12:55,910 –> 00:12:57,640
آنها را به روشهای مختلف سازماندهی
282
00:12:57,640 –> 00:13:00,590
کنیم. برای شروع با یک ویجت برچسب اضافه می شود
283
00:13:00,590 –> 00:13:04,400
برچسب نقطه TK نیز این را
284
00:13:04,400 –> 00:13:06,380
در قاب قرار می دهد و من فقط متن را
285
00:13:06,380 –> 00:13:12,320
اینگونه می سازم که این یک برچسب است و فقط
286
00:13:12,320 –> 00:13:13,940
به این دلیل که احتمالاً کمک خواهد کرد در حالی که ما در حال
287
00:13:13,940 –> 00:13:15,830
سازماندهی کردن هستیم که واقعاً ببینیم چه
288
00:13:15,830 –> 00:13:16,250
چیزی
289
00:13:16,250 –> 00:13:20,300
این زرد را خواهم ساخت و من آن را بسته بندی می
290
00:13:20,300 –> 00:13:27,230
کنم و اجازه دهید یک نوار ورودی نیز بسازیم
291
00:13:27,230 –> 00:13:30,590
و آن ورودی TK است، همچنین این را در
292
00:13:30,590 –> 00:13:33,050
قاب قرار دهید، لازم نیست چیزی در اینجا قرار دهید،
293
00:13:33,050 –> 00:13:35,890
اما ما یک پس زمینه از
294
00:13:35,890 –> 00:13:41,750
بسته ورودی سبز درست می کنیم، پس این چه
295
00:13:41,750 –> 00:13:43,550
شکلی است مانند بدون انجام هیچ گونه
296
00:13:43,550 –> 00:13:46,820
تغییری منصفانه در آنجا، بنابراین ما
297
00:13:46,820 –> 00:13:48,500
سه ویجت را روی صفحه نمایش دریافت کردیم که
298
00:13:48,500 –> 00:13:50,060
خوب است و می توانید ببینید که آنها دارای
299
00:13:50,060 –> 00:13:51,920
کد رنگی هستند، می توانید در آنجا Hello را تایپ کنید
300
00:13:51,920 –> 00:13:56,060
، اما آنها فقط
301
00:13:56,060 –> 00:13:58,460
ظاهر خوبی ندارند. آنها روی هم چیده شدهاند
302
00:13:58,460 –> 00:14:01,250
و قطعاً چیزی نیست که ما
303
00:14:01,250 –> 00:14:02,810
در درازمدت برای آن عکس میگیریم،
304
00:14:02,810 –> 00:14:05,600
بنابراین بیایید ابتدا در مورد اینکه چگونه میتوانیم از
305
00:14:05,600 –> 00:14:08,690
این بسته برای سازماندهی کمی آنها استفاده کنیم، صحبت کنیم تا
306
00:14:08,690 –> 00:14:10,490
اولین چیزی که من در اسناد میآورم.
307
00:14:10,490 –> 00:14:13,030
برای Peck بسیار سریع است،
308
00:14:13,870 –> 00:14:19,220
بنابراین با این بسته چند
309
00:14:19,220 –> 00:14:21,050
گزینه مختلف وجود دارد که ما داریم با
310
00:14:21,050 –> 00:14:24,590
گسترش fill و side میتوانیم
311
00:14:24,590 –> 00:14:26,210
آرگومانهای کلمه کلیدی را وارد کنیم، بنابراین بیایید با side شروع کنیم
312
00:14:26,210 –> 00:14:28,220
، بنابراین میخواهم بگویم که طرف برابر است
313
00:14:28,220 –> 00:14:31,490
که در اینجا برای دکمه باقی مانده است و
314
00:14:31,490 –> 00:14:32,990
وقتی این کار را انجام میدهیم برای برنامه ما چه اتفاقی میافتد که
315
00:14:32,990 –> 00:14:34,820
میبینید دکمه تست اکنون روی دکمه است. سمت چپ تا
316
00:14:34,820 –> 00:14:36,500
زمانی که اینها هنوز اینجا هستند،
317
00:14:36,500 –> 00:14:39,200
میتوانم به انجام این کار برای هر یک از این موارد دیگر ادامه دهم، به همان اندازه که
318
00:14:39,200 –> 00:14:40,970
319
00:14:40,970 –> 00:14:43,820
گزینههای ما دقیقاً در اینجا چه کاری میتوانند انجام دهند
320
00:14:43,820 –> 00:14:46,220
و بنابراین اکنون برچسب
321
00:14:46,220 –> 00:14:48,290
در سمت راست خواهد بود و دکمه
322
00:14:48,290 –> 00:14:51,590
در سمت چپ خواهد بود و این هنوز به
323
00:14:51,590 –> 00:14:54,440
طور پیشفرض اینجاست. همچنین جالب است بدانید
324
00:14:54,440 –> 00:14:57,470
که میتوانید هر دوی آنها را در
325
00:14:57,470 –> 00:15:00,530
سمت چپ انجام دهید و سپس اتفاقی که میافتد این است که
326
00:15:00,530 –> 00:15:01,850
ابتدا دکمه را پایین میگذاریم،
327
00:15:01,850 –> 00:15:03,740
همیشه سمت چپ را پر میکند و سپس برچسب این کار را انجام میدهد.
328
00:15:03,740 –> 00:15:06,590
دکمه را لغو نمیکند، اما
329
00:15:06,590 –> 00:15:08,540
دقیقاً در کنار آن قرار میگیرد،
330
00:15:08,540 –> 00:15:13,339
ما همچنین میتوانیم این کار را با ورودی خود نیز انجام
331
00:15:13,339 –> 00:15:15,860
دهیم و اکنون همه آنها در یک راستا قرار گرفتهاند
332
00:15:15,860 –> 00:15:21,680
که خوب است ببینیم، میگویم و بیایید ببینیم
333
00:15:21,680 –> 00:15:23,750
چه کارهای دیگری میتوانیم انجام دهیم. می توانید از expand
334
00:15:23,750 –> 00:15:26,510
و fill استفاده کنید، بنابراین ما با نشان دادن
335
00:15:26,510 –> 00:15:31,010
آنچه P شروع می کنیم hil آیا فیل برابر است با نقطه TK هر دو
336
00:15:31,010 –> 00:15:36,190
یا من می توانم هر دو را مستقیم بروم اینجا فکر می کنم
337
00:15:36,399 –> 00:15:39,470
بنابراین همانطور که می توانید Phil را ببینید می توانید تنظیم کنید
338
00:15:39,470 –> 00:15:42,019
که آیا می خواهید X و Y را پر کنید یا
339
00:15:42,019 –> 00:15:44,630
هر دو را انجام دادم تا فضای داده شده
340
00:15:44,630 –> 00:15:48,350
در داخل هر والد آن باشد پر شود. و
341
00:15:48,350 –> 00:15:49,639
والد آن فریم است، به همین دلیل
342
00:15:49,639 –> 00:15:51,199
است که کاملاً احساس می کنم PIP
343
00:15:51,199 –> 00:15:54,829
کاری که من می توانم انجام دهم این است که
344
00:15:54,829 –> 00:15:58,130
درست است و اگر آن را گسترش دهم اساساً
345
00:15:58,130 –> 00:16:00,980
مانند مقدار بیشتری
346
00:16:00,980 –> 00:16:04,279
از فریم به آن می دهد، مقدار بیشتری از فریم را می دهد
347
00:16:04,279 –> 00:16:06,740
. فضایی که قاب روی
348
00:16:06,740 –> 00:16:08,779
این ویجت دکمه دارد، بنابراین این اکنون
349
00:16:08,779 –> 00:16:13,040
مانند یک دکمه بزرگ خواهد بود، بله همانطور که می
350
00:16:13,040 –> 00:16:19,699
بینید، بنابراین من می توانم هر دو را برابر با
351
00:16:19,699 –> 00:16:28,579
این ویجت پر کنم، بنابراین نمی دانم
352
00:16:28,579 –> 00:16:32,510
خیلی وحشتناک نیست، سازماندهی چیزها به اندازه کافی آسان
353
00:16:32,510 –> 00:16:34,370
است. خیلی سریع و دوست دارم آنها را
354
00:16:34,370 –> 00:16:35,930
پر کنند و از آنجایی که ما این
355
00:16:35,930 –> 00:16:38,779
پر کردن را انجام دادیم، واکنشگرا نیز است که خوب
356
00:16:38,779 –> 00:16:41,510
است که فریمهایمان را کمی بزرگ میبینیم،
357
00:16:41,510 –> 00:16:45,410
بنابراین میتوانم ارتفاع فریمها را کمی کاهش
358
00:16:45,410 –> 00:16:53,930
دهم، به طوری که ارتفاع نسبی آن 0.5 است، اکنون
359
00:16:53,930 –> 00:16:55,790
میتوانید اینها را ببینید. هر
360
00:16:55,790 –> 00:16:58,970
قاب است را پر کنید o آنها گسترش می یابند و تا آن حد پر
361
00:16:58,970 –> 00:17:02,240
می شوند نه من فقط می خواهم
362
00:17:02,240 –> 00:17:03,949
تفاوت بین پر کردن هر دو و
363
00:17:03,949 –> 00:17:08,119
پر کردن فقط X را ببینم، در اینجا
364
00:17:08,119 –> 00:17:09,859
به جای هر دو، X را تایپ می کنم و
365
00:17:09,859 –> 00:17:11,839
در اینجا به مستندات نگاه می کنم تا بفهمم
366
00:17:11,839 –> 00:17:16,990
ببینید من چگونه این کار را انجام می دهم، اگر فقط X را
367
00:17:17,049 –> 00:17:21,049
اکنون انجام دهم، هنوز فضایی را که
368
00:17:21,049 –> 00:17:22,109
اختصاص داده شده است،
369
00:17:22,109 –> 00:17:25,109
پر می کند، اما ما آن را در جهت x پر می کنیم و شما
370
00:17:25,109 –> 00:17:29,400
واقعاً می توانید با آن بازی کنید، درست
371
00:17:29,400 –> 00:17:31,650
کار می کند، اما من فقط یک مشکل من
372
00:17:31,650 –> 00:17:34,110
با PAC و چرا من مکان را به آن ترجیح می دهم
373
00:17:34,110 –> 00:17:36,179
این است که فکر می کنم مکان به
374
00:17:36,179 –> 00:17:38,940
شما انعطاف پذیری نهایی را می دهد بسیار خوب، بنابراین ما
375
00:17:38,940 –> 00:17:41,429
PAC را انجام دادیم اکنون بیایید به شبکه نیز نگاه کنیم،
376
00:17:41,429 –> 00:17:46,710
بنابراین من می خواهم این را حذف کنم، فکر
377
00:17:46,710 –> 00:17:49,440
می کنم یک ردیف شبکه دکمه ای برابر با 0 انجام دهم.
378
00:17:49,440 –> 00:17:51,420
این یک راه دیگر برای سازماندهی چیزها است،
379
00:17:51,420 –> 00:17:54,960
بنابراین تا زمانی که
380
00:17:54,960 –> 00:17:59,460
نوشتن این برچسب را به پایان می برم ردیف شبکه نقطه ای
381
00:17:59,460 –> 00:18:02,190
برابر با 0 است و ما آن را در کنار آن قرار می دهیم
382
00:18:02,190 –> 00:18:06,750
تا ستون برابر با 1 باشد و سپس در نهایت و
383
00:18:06,750 –> 00:18:08,160
من این را برای مدتی می بندم. دوم،
384
00:18:08,160 –> 00:18:10,470
من اسناد شبکه را درست
385
00:18:10,470 –> 00:18:13,130
پس از پایان نوشتن این مثال
386
00:18:13,130 –> 00:18:19,520
ورودی grid ro باز می کنم w برابر است با 0 ستون برابر با 2،
387
00:18:19,520 –> 00:18:21,480
بنابراین بیایید ببینیم که چه کاری انجام می دهد
388
00:18:21,480 –> 00:18:24,030
تا همه این موارد مانند آن را تراز کند
389
00:18:24,030 –> 00:18:28,040
که بسیار زیبا و آسان است.
390
00:18:28,040 –> 00:18:30,059
391
00:18:30,059 –> 00:18:38,040
392
00:18:38,040 –> 00:18:40,559
393
00:18:40,559 –> 00:18:42,330
چیزی که من دور ماوس می چرخم به
394
00:18:42,330 –> 00:18:45,960
شما اجازه می دهد همانطور که نامش می گوید
395
00:18:45,960 –> 00:18:47,580
چیزها را روی هم بچینید و چیزها را در یک شکل شبکه سازماندهی کنید
396
00:18:47,580 –> 00:18:53,419
، بنابراین اساساً با ارائه
397
00:18:53,419 –> 00:18:56,040
سطر و ستون می توانید به نوعی مشخص کنید
398
00:18:56,040 –> 00:18:58,020
که در کجای شبکه خود می خواهید
399
00:18:58,020 –> 00:19:05,309
چیزهای خاصی را قرار دهید، بنابراین اگر من این را تغییر دهید
400
00:19:05,309 –> 00:19:09,210
تا ردیف 1 ستون 1 و ردیف 2 ستون 2 را دوست داشته باشید،
401
00:19:09,210 –> 00:19:11,220
اکنون ما مانند یک
402
00:19:11,220 –> 00:19:17,750
پشته مورب از این چیزها خواهیم بود همانطور که می بینید، بنابراین
403
00:19:17,750 –> 00:19:22,320
شبکه خوب است من شبکه را دوست دارم اما یک چیز با آن مشکل دارم
404
00:19:22,320 –> 00:19:26,309
و فقط می دانید که من
405
00:19:26,309 –> 00:19:27,510
مطمئن هستم که احتمالاً برخی از افراد
406
00:19:27,510 –> 00:19:29,340
ممکن است شبکه را به روشهای دیگر ترجیح دهند،
407
00:19:29,340 –> 00:19:31,890
408
00:19:31,890 –> 00:19:34,080
من دوست دارم
409
00:19:34,080 –> 00:19:34,580
410
00:19:34,580 –> 00:19:36,289
که وقتی آن را شبکهای میکنم،
411
00:19:36,289 –> 00:19:37,820
دوست داشتن این اندازهها را کمی سختتر میدانم. واقعا
412
00:19:37,820 –> 00:19:39,860
دوست دارم آن را پر کند فضای شما و همچنین
413
00:19:39,860 –> 00:19:45,409
دوست دارم اگر اندازه آن را تغییر دهم،
414
00:19:45,409 –> 00:19:47,240
وقتی آن را در قالب شبکه قرار می دهید پاسخگو بودن آن آسان نیست
415
00:19:47,240 –> 00:19:51,460
، بنابراین
416
00:19:51,460 –> 00:19:53,059
احتمالاً به خاطر بقیه موارد، ما
417
00:19:53,059 –> 00:19:54,500
احتمالاً از شبکه استفاده نمی کنیم، اما این
418
00:19:54,500 –> 00:19:56,299
چیزی است که ارزشمند است. به دنبال این هستید
419
00:19:56,299 –> 00:19:58,730
که آیا چیزهای زیادی دارید که
420
00:19:58,730 –> 00:20:00,350
به یک پشته نیاز دارید و آنها را در یک شبکه سازماندهی کنید
421
00:20:00,350 –> 00:20:02,899
، بنابراین در نهایت بیایید در مورد پلیس صحبت کنیم
422
00:20:02,899 –> 00:20:05,179
و من بهترین مکان را دوست دارم
423
00:20:05,179 –> 00:20:06,710
صادقانه بگویم فکر می کنم این مکان بیشترین
424
00:20:06,710 –> 00:20:09,919
کنترل را در مورد کاری که با خود انجام می دهید به شما می دهد.
425
00:20:09,919 –> 00:20:12,710
رابط کاربری گرافیکی من حدس میزنم نتیجه آن باشد، اما
426
00:20:12,710 –> 00:20:14,179
چون شما کنترل بیشتری
427
00:20:14,179 –> 00:20:16,159
دارید، گاهی اوقات باید کمی بیشتر بدانید که چه کاری انجام میدهید،
428
00:20:16,159 –> 00:20:17,870
اما فکر نمیکنم
429
00:20:17,870 –> 00:20:19,700
دستیابی به آن خیلی سخت باشد، بنابراین
430
00:20:19,700 –> 00:20:21,289
اجازه دهید مستندات مربوط به آن را بیاوریم.
431
00:20:21,289 –> 00:20:27,080
مکان و همچنین، بنابراین اساساً ما قبلاً
432
00:20:27,080 –> 00:20:33,080
دیدهایم که من در اینجا چیزی بازی میکنم، شما میتوانید از
433
00:20:33,080 –> 00:20:35,690
rel x:real y:real با ارتفاع واقعی استفاده کنید و
434
00:20:35,690 –> 00:20:37,639
این باعث میشود که قرار دادن دقیقاً
435
00:20:37,639 –> 00:20:39,769
در جایی که میخواهیم چیزی در یکی
436
00:20:39,769 –> 00:20:43,130
از والدین واقعاً آسان باشد، بنابراین بیایید ببینیم اینها هستند.
437
00:20:43,130 –> 00:20:46,250
همه کلمات کلیدی مختلف argumen ts ما
438
00:20:46,250 –> 00:20:47,809
لنگر داریم همچنین مهم است زیرا
439
00:20:47,809 –> 00:20:50,330
زمانی که ما در مورد
440
00:20:50,330 –> 00:20:53,090
این X نسبی صحبت می کنیم و این Y نسبی یا من
441
00:20:53,090 –> 00:20:55,580
حدس می زنم می توانیم از X مطلق لنگر Y نیز استفاده کنیم به ما می
442
00:20:55,580 –> 00:20:59,809
گوید که
443
00:20:59,809 –> 00:21:02,120
در آن موقعیت چه نقطه ای قرار خواهد گرفت.
444
00:21:02,120 –> 00:21:04,190
اگر در شمال غربی لنگر بیاندازیم که
445
00:21:04,190 –> 00:21:07,820
سمت چپ بالا خواهد بود برای این
446
00:21:07,820 –> 00:21:10,730
مورد مانند نقطه صفر نقطه صفر یک
447
00:21:10,730 –> 00:21:13,580
نقطه صفر یک خواهد بود و من فکر می کنم شمال غربی
448
00:21:13,580 –> 00:21:16,250
پیش فرض است بنابراین به همین دلیل است که قاب ما همانطور
449
00:21:16,250 –> 00:21:18,919
که اکنون داریم درست در آنجا لنگر می افتد اما
450
00:21:18,919 –> 00:21:21,440
اگر من فریم را با این مکان تنظیم کردم و
451
00:21:21,440 –> 00:21:27,529
گفتم لنگر چه کار کردم که
452
00:21:27,529 –> 00:21:35,590
گفتم لنگر برابر است، فرض کنید شمالی
453
00:21:35,590 –> 00:21:38,059
که فریم ما را کاملاً تغییر می دهد
454
00:21:38,059 –> 00:21:41,120
، اوه دوست ندارد، من فقط می توانم یک
455
00:21:41,120 –> 00:21:46,130
حروف کوچک n انجام دهم، بنابراین بله، اکنون آن را قرار
456
00:21:46,130 –> 00:21:50,809
می دهد. وسط در آن نقطه صفر یک
457
00:21:50,809 –> 00:21:53,600
نقطه صفر یک نقطه و به همین دلیل مانند
458
00:21:53,600 –> 00:21:55,130
این است که فریم ما را در حال حاضر عجیب و غریب
459
00:21:55,130 –> 00:21:59,840
460
00:21:59,840 –> 00:22:02,020
461
00:22:02,020 –> 00:22:05,570
کردهایم که دانستن آن خوب است، اما بیایید با قرار دادن ویجتهای خود در این قاب بازی کنیم تا
462
00:22:05,570 –> 00:22:08,270
من چه کنم آنها را در سراسر پر می کند
463
00:22:08,270 –> 00:22:10,610
صفحه نمایش با ارتفاعی که من
464
00:22:10,610 –> 00:22:15,880
در قاب آن را دوست دارم، بنابراین دکمه نقطه نقطه
465
00:22:15,880 –> 00:22:18,740
رلکس آن را درست روی
466
00:22:18,740 –> 00:22:22,280
صفر شروع می کند، سیم درست روی صفر شروع می شود، می گوید
467
00:22:22,280 –> 00:22:25,640
که عرض باید پر شود، فکر می کنم
468
00:22:25,640 –> 00:22:29,270
دکمه ما باید حدود یک
469
00:22:29,270 –> 00:22:31,750
چهارم صفحه باشد. بنابراین من میتوانم عرض ریل برابر با
470
00:22:31,750 –> 00:22:35,830
0.25 باشد و فکر میکنم باید
471
00:22:35,830 –> 00:22:39,799
حدوداً یک چهارم پر شود، مثلاً نصف
472
00:22:39,799 –> 00:22:44,659
، مثلاً بگوییم نصف فریم ما وجود ندارد، یک
473
00:22:44,659 –> 00:22:49,520
چهارم تنظیم نشده است، بنابراین این کاری است
474
00:22:49,520 –> 00:22:53,179
که انجام میدهد و من چیزی را خراب کردم که واقعاً
475
00:22:53,179 –> 00:23:01,570
چرا تبلیغات واقعی وجود دارد. این باید مشکل داشته باشد
476
00:23:05,390 –> 00:23:08,270
و من این را برای مدتی تغییر میدهم تا
477
00:23:08,270 –> 00:23:10,040
بتوانیم همه چیز را خوب ببینیم،
478
00:23:10,040 –> 00:23:11,750
متأسفم که کمی به هم ریخته است،
479
00:23:11,750 –> 00:23:13,790
اما این چیزی است که ما اینجا داریم و
480
00:23:13,790 –> 00:23:15,110
من فقط برای یک
481
00:23:15,110 –> 00:23:18,230
ثانیه به عنوان شما نظر خواهم داد. میتوانم ببینم دقیقاً همان کاری را انجام میدهد
482
00:23:18,230 –> 00:23:19,760
که میخواستم انجام دهد، میخواهم در
483
00:23:19,760 –> 00:23:22,700
بالا سمت چپ بنویسم، میخواستم یک چهارم پایین بیایم،
484
00:23:22,700 –> 00:23:25,670
میخواستم یک چهارم آن را پر کند، بنابراین
485
00:23:25,670 –> 00:23:28,549
خیلی خوب است،
486
00:23:28,549 –> 00:23:32,780
حالا ما برچسب خود را جابهجا میکنیم بنابراین یکی از کارهایی
487
00:23:32,780 –> 00:23:35,440
که می خواهم در اینجا با برچسب انجام دهم به
488
00:23:35,440 –> 00:23:39,049
جای آن است قرار دادن آن درست روی 0.25 بنابراین
489
00:23:39,049 –> 00:23:41,360
چون این صفر است و سپس
490
00:23:41,360 –> 00:23:44,000
عرض 2.5 را انجام دادیم، اگر این relex را
491
00:23:44,000 –> 00:23:46,370
در اینجا برای برچسب روی 0.25 شروع کنم،
492
00:23:46,370 –> 00:23:51,169
دقیقاً دکمه تست را لمس می کند، بنابراین
493
00:23:51,169 –> 00:23:53,030
می خواهم 0.3 را انجام دهم، بنابراین می خواهم ایجاد کنم.
494
00:23:53,030 –> 00:23:54,830
کمی فاصله بین برچسب
495
00:23:54,830 –> 00:24:02,000
و دکمه و rel با میخواهم
496
00:24:02,000 –> 00:24:05,000
بگویم برابر است، میتوانیم بگوییم که این
497
00:24:05,000 –> 00:24:08,210
برچسب نیمی از صفحه را اشغال میکند، اما چون
498
00:24:08,210 –> 00:24:10,790
این فاصله کمی
499
00:24:10,790 –> 00:24:12,500
داریم، نکته را داریم. صفر پنج شکاف ما می
500
00:24:12,500 –> 00:24:13,880
خواهیم بگوییم که این نقطه صفر است
501
00:24:13,880 –> 00:24:16,910
چهار پنج و سپس ارتفاع باید
502
00:24:16,910 –> 00:24:22,880
دقیقاً به همان اندازه باشد که دکمه باید
503
00:24:22,880 –> 00:24:26,450
خوب و همسطح باشد با آن نگاه
504
00:24:26,450 –> 00:24:28,580
کنید که ما دکمه خود را به برچسب خود رساندیم
505
00:24:28,580 –> 00:24:31,760
و سپس در نهایت میتوانیم آن را
506
00:24:31,760 –> 00:24:37,850
با قرار دادن ورودی خود به پایان برسانیم، بنابراین من میخواهم که
507
00:24:37,850 –> 00:24:43,100
بقیه صفحه را پر کند،
508
00:24:43,100 –> 00:24:47,000
بنابراین نقطه صفر سه در اینجا به اضافه 0.45 داریم، بنابراین
509
00:24:47,000 –> 00:24:51,590
این به ما هفت پنج میدهد، بنابراین اگر
510
00:24:51,590 –> 00:24:53,419
میخواهیم این هم کمی فاصله داشته باشیم.
511
00:24:53,419 –> 00:24:57,490
میتوانیم از 0.8 شروع کنیم
512
00:25:00,210 –> 00:25:02,860
و سپس برای پر کردن بقیه
513
00:25:02,860 –> 00:25:05,290
صفحه، 0.2 و بالاترین واقعی را انجام میدهیم
514
00:25:05,290 –> 00:25:09,520
همینطور است، بنابراین همانطور که می بینید، من
515
00:25:09,520 –> 00:25:13,840
در اینجا کمی بیشتر کار می کنم، مثل اینکه
516
00:25:13,840 –> 00:25:15,520
مجبور هستم کمی بیشتر تایپ کنم، اما من
517
00:25:15,520 –> 00:25:18,550
کنترل کاملی دارم که کجا به
518
00:25:18,550 –> 00:25:21,160
نظر می رسد و قرار است این کار را انجام دهم.
519
00:25:21,160 –> 00:25:24,430
نقطه 2 5 باشد تا به نظر برسد، منظورم این است
520
00:25:24,430 –> 00:25:25,630
که در حال حاضر چیز خاصی به نظر نمی رسد،
521
00:25:25,630 –> 00:25:26,800
اما شما می
522
00:25:26,800 –> 00:25:28,420
توانید این احساس را داشته باشید که خوب
523
00:25:28,420 –> 00:25:32,340
است، اگر بخواهم
524
00:25:33,480 –> 00:25:36,520
اکنون که این مورد را داریم، می توانم به راحتی این چیزها را جابجا کنم. در واقع
525
00:25:36,520 –> 00:25:38,410
یک چیزی که می خواهم خیلی سریع بگویم این است
526
00:25:38,410 –> 00:25:40,480
که توجه داشته باشید که با مکان به آن خوب و
527
00:25:40,480 –> 00:25:42,820
پاسخگو است، بنابراین این چیزی است که در مورد مکان از آن لذت می برم
528
00:25:42,820 –> 00:25:44,500
و همچنین
529
00:25:44,500 –> 00:25:46,900
ساختن برنامه ای را آسان تر می کند که دقیقاً به اندازه ای
530
00:25:46,900 –> 00:25:49,810
که می خواهید بزرگ باشد، اما اکنون که
531
00:25:49,810 –> 00:25:51,310
ما اصول اولیه جابجایی چیزها را می دانیم
532
00:25:51,310 –> 00:25:52,870
و مانند تغییر رنگ و
533
00:25:52,870 –> 00:25:55,540
چه چیز دیگری، اجازه دهید در واقع به
534
00:25:55,540 –> 00:25:56,890
برنامه ای که در ابتدای ویدیو نشان دادم برگردیم،
535
00:25:56,890 –> 00:26:01,030
بنابراین این برنامه دقیقاً اینجاست و بیایید
536
00:26:01,030 –> 00:26:04,930
این را با هم بسازیم و سپس
537
00:26:04,930 –> 00:26:06,130
آنچه را که قرار است انجام دهیم. وقتی این را کنار هم قرار دادیم
538
00:26:06,130 –> 00:26:07,660
، یاد می گیریم که چگونه دوست داشته باشیم در واقع
539
00:26:07,660 –> 00:26:11,160
از آن استفاده کنیم دکمه ها و در واقع از این
540
00:26:11,160 –> 00:26:13,780
نقطه ورودی استفاده کنید و در واقع روی
541
00:26:13,780 –> 00:26:18,090
متن آن ورودی کلیک کنید و کاری کنید که
542
00:26:18,090 –> 00:26:22,900
با استفاده از این به عنوان مرجع در اینجا کاری انجام دهد، بسیار خوب، بنابراین
543
00:26:22,900 –> 00:26:27,670
ما یک فریم در بالا در بالا داریم
544
00:26:27,670 –> 00:26:31,870
که ورودی و دکمه را دارد و
545
00:26:31,870 –> 00:26:33,820
سپس در اینجا ما یک قاب دیگر داشته باشید
546
00:26:33,820 –> 00:26:37,840
که فقط یک برچسب عجیب و غریب بزرگ در اینجا دارد
547
00:26:37,840 –> 00:26:39,490
و سپس در پس زمینه یک
548
00:26:39,490 –> 00:26:42,580
تصویر داریم، بنابراین این تصویر را برای
549
00:26:42,580 –> 00:26:43,810
آخرین بار ذخیره می کنیم، اما با این دو
550
00:26:43,810 –> 00:26:45,670
فریم شروع می کنیم یا با این فریم بالا شروع
551
00:26:45,670 –> 00:26:49,390
می کنیم. میتوانیم کادر خود را که در اینجا داریم تنظیم کنیم
552
00:26:49,390 –> 00:26:56,260
، بنابراین میخواهم بگویم که
553
00:26:56,260 –> 00:26:58,810
چگونه فریم بالایی را
554
00:26:58,810 –> 00:27:02,050
X نسبی تعریف میکنم که درست در وسط
555
00:27:02,050 –> 00:27:07,300
لایو در 0.5 نسبی y قرار دادهام، نقطه 1 را
556
00:27:07,300 –> 00:27:09,610
درست مثل عرض نسبی انجام دادم.
557
00:27:09,610 –> 00:27:16,600
طول کشید تا یک چهارم
558
00:27:16,600 –> 00:27:18,010
سه چهارم صفحه را اشغال کند و
559
00:27:18,010 –> 00:27:20,230
ارتفاع نسبی این
560
00:27:20,230 –> 00:27:26,080
فریم بالای کوچکتر که من داشتم که 0.1 از صفحه را اشغال می کند
561
00:27:26,080 –> 00:27:28,840
و تنها کاری که من انجام دادم فقط برای
562
00:27:28,840 –> 00:27:30,730
اینکه این X نسبی را درست در مرکز قرار
563
00:27:30,730 –> 00:27:36,480
دهم این بود که انجام دادم. لنگر
564
00:27:36,960 –> 00:27:40,090
برابر با شمال است، بنابراین درست در بالا
565
00:27:40,090 –> 00:27:42,520
آن را قرار دهید 0.5 پس بیایید ببینیم
566
00:27:42,520 –> 00:27:45,400
چه چیزی خوب است، بنابراین این شروع
567
00:27:45,400 –> 00:27:49,900
فریم ما است، اکنون می توانیم ادامه دهیم و
568
00:27:49,900 –> 00:27:53,230
برچسب را از آن حذف کنیم زیرا ما
569
00:27:53,230 –> 00:27:58,570
از آن در برنامه خود یا حداقل در آن
570
00:27:58,570 –> 00:28:01,570
نقطه فریم استفاده نکردیم، بنابراین من از آن استفاده خواهم کرد. برچسب را نگه دارید،
571
00:28:01,570 –> 00:28:03,520
من می خواهم آن را به طور موقت نظر بدهم،
572
00:28:03,520 –> 00:28:05,020
زیرا ما از برچسب در
573
00:28:05,020 –> 00:28:07,540
پایین استفاده می کنیم و من فقط آن را به پایین منتقل می کنم،
574
00:28:07,540 –> 00:28:13,330
خوب است و سپس ورودی
575
00:28:13,330 –> 00:28:15,100
سمت چپ این بود، واقعاً مهم نیست
576
00:28:15,100 –> 00:28:18,640
که من آن را روی دکمه بالا می نویسم،
577
00:28:18,640 –> 00:28:20,650
اما خواندن از چپ به راست را برای من آسان تر می کند،
578
00:28:20,650 –> 00:28:22,690
بنابراین ورودی اول آمده است
579
00:28:22,690 –> 00:28:25,060
و
580
00:28:25,060 –> 00:28:27,040
دیگر رنگ پس زمینه نخواهیم داشت،
581
00:28:27,040 –> 00:28:29,350
همچنان داخل کادر خواهد بود، اما اکنون
582
00:28:29,350 –> 00:28:31,300
ما قرار است موقعیت یابی را تغییر دهیم،
583
00:28:31,300 –> 00:28:37,020
بنابراین با ورود ما می خواهیم
584
00:28:42,740 –> 00:28:47,309
این را نادیده بگیریم که چه کاری را
585
00:28:47,309 –> 00:28:50,490
برای جعبه ورودی انجام دادم که من فقط نسبی انجام دادم
586
00:28:50,490 –> 00:28:53,159
برابر با 0.65
587
00:28:53,159 –> 00:28:56,669
و ارتفاع نسبی کل چیز را پر می کند،
588
00:28:56,669 –> 00:29:00,210
بنابراین یک و یک چیز کوچک زیبا.
589
00:29:00,210 –> 00:29:02,669
من همچنین این کار را انجام دادم، زمانی که شما در حال تعریف
590
00:29:02,669 –> 00:29:04,409
ورودی خود هستید، در واقع می توانید فونت را تنظیم کنید تا من می
591
00:29:04,409 –> 00:29:06,210
بینم فونت کمی بزرگتر باشد، بنابراین من روی 40 تنظیم کردم،
592
00:29:06,210 –> 00:29:08,840
پس بیایید ببینیم چه کاری انجام می دهد،
593
00:29:08,840 –> 00:29:12,110
بنابراین اکنون این کادر متنی را
594
00:29:12,110 –> 00:29:14,399
داریم که دکمه ما در حال حاضر در مسیر قرار دارد،
595
00:29:14,399 –> 00:29:15,960
بنابراین بیایید دکمه خود را حرکت دهیم تا در
596
00:29:15,960 –> 00:29:17,820
نقطه درست قرار
597
00:29:17,820 –> 00:29:20,639
بگیریم. همچنین میخواهم از شر این
598
00:29:20,639 –> 00:29:22,440
خاکستری خلاص شوم، فونت
599
00:29:22,440 –> 00:29:25,860
دکمه را هم 40 میکنم و
600
00:29:25,860 –> 00:29:27,419
زمانی که به شما نشان میدادم این
601
00:29:27,419 –> 00:29:32,009
برنامه در نسبی X 0.7 است، دکمه را در آن قرار میدهم، بنابراین یک دکمه
602
00:29:32,009 –> 00:29:34,350
ایجاد میشود. فاصله کمی بین
603
00:29:34,350 –> 00:29:36,360
ورودی و دکمه وجود دارد زیرا این
604
00:29:36,360 –> 00:29:39,059
0.65 است و من فکر می کنم به طور پیش فرض
605
00:29:39,059 –> 00:29:45,090
صفر مختصات XY است و من
606
00:29:45,090 –> 00:29:51,000
ارتفاع نسبی را برابر یک و
607
00:29:51,000 –> 00:29:53,909
عرض نسبی را در اینجا قرار می دهم که می خواهیم تمام
608
00:29:53,909 –> 00:29:55,710
شود و بقیه قسمت ها را پر کند. به صفحه نمایش
609
00:29:55,710 –> 00:30:00,570
که نقطه سه صفر خواهد بود، به آن نگاه کنید،
610
00:30:00,570 –> 00:30:06,720
بنابراین اکنون
611
00:30:06,720 –> 00:30:08,580
ما داریم که تنها چیزی که به
612
00:30:08,580 –> 00:30:11,250
طور بالقوه کمی آزاردهنده است نداریم این است
613
00:30:11,250 –> 00:30:13,409
که هیچ فضای حاشیه ای باقی نمی گذارد و یک
614
00:30:13,409 –> 00:30:15,419
آرگومان کلمه کلیدی کوچک زیبا وجود دارد. میتوانید
615
00:30:15,419 –> 00:30:20,159
به فریم بالا در اینجا بروید تا مشخص شود،
616
00:30:20,159 –> 00:30:22,740
بنابراین میخواهم بگویم BD که هست حاشیه
617
00:30:22,740 –> 00:30:27,210
برابر است با پنج در اینجا اکنون ما دقیقاً همان
618
00:30:27,210 –> 00:30:31,769
چیزی را که در بالای برنامه خود به دنبالش بودیم به دست آوردیم،
619
00:30:31,769 –> 00:30:35,490
بنابراین اجازه دهید من فقط این را به اشتراک بگذارم تا
620
00:30:35,490 –> 00:30:37,379
همانطور که می بینید
621
00:30:37,379 –> 00:30:39,029
رنگ ها کمی متفاوت هستند تقریباً یکسان است، بنابراین اکنون
622
00:30:39,029 –> 00:30:43,559
بیایید فریم پایین را بسیار پایین انجام دهیم. در اینجا
623
00:30:43,559 –> 00:30:46,950
یک فریم پایینی تعریف می کنیم که
624
00:30:46,950 –> 00:30:48,570
به همان شکلی که قاب بالایی ما
625
00:30:48,570 –> 00:30:50,480
قاب نقطه TK بود تعریف می شود
626
00:30:50,480 –> 00:30:54,659
و مسیری را که والد
627
00:30:54,659 –> 00:30:56,850
دقیقاً همان رنگ پس زمینه ای را انتخاب می کند که
628
00:30:56,850 –> 00:31:00,150
در اینجا استفاده کرده ایم، اگر من از همان حاشیه استفاده کنم، استفاده می کنیم.
629
00:31:00,150 –> 00:31:08,220
بنابراین من فقط آن را در آن کپی می کنم و
630
00:31:08,220 –> 00:31:11,7