المان های قابل رویت
تمام المان های قابل رویت که تا به اینجا بررسی شد دارای خواص مشترک زیر هستند.
-
Layout :
نحوه چیدمان المان ها را مشخص میکند و دو مقدار linear_horizontal و linear_vertical وwrap_content وmatch_parent را قبول میکند.
↵ Linear_horizontal :
المان های فرزند را به صورت خطی در کنار یک دیگر قرار می دهد.
↵ Linear_vertical :
المان های فرزند را به صورت خطی زیر یک دیگر قرار می دهد.
-
Width :
این خاصیت نشان دهنده طول (پهنا) یک المان است و میتواند مقادیر wrap_content ، match_parent و یا یک عدد را به خود اختصاص دهد.
↵ Wrap_content :
طول المان را نسبت به مقادیر مورد نیاز داخل المان انتخاب میکند.
↵ Match_parent :
طول المان را به اندازه ی مقدار المان مادرش در نظر می گیرد. اگر المان مادری نداشته باشد اندازه صفحه دستگاه را میگیرد.
↵ عدد :
این عدد نشان دهنده طول المان در واحد dpi می باشد.
-
Height :
این خاصیت نشان دهنده عرض (ارتفاع) یک المان است و میتواند مقادیر wrap_content ، match_parent و یا یک عدد را به خود اختصاص دهد.
↵ Wrap_content :
عرض را نسبت به مقادیر داخل المان انتخاب میکند.
↵ Match_parent :
عرض را اندازه مقدار مادرش میکند. اگر المان مادری نداشته باشد اندازه صفحه دستگاه را میگیرد.
↵ عدد :
این عدد نشان دهنده عرض المان در واحد dpi می باشد.
-
Padding :
در داخل المان فضای خالی ایجاد میکند به این صورت که هر فرزند به اندازه مقدار داده شدن فاصله خود را از گوشه ی مادرش حفظ میکند.این خاصیت فقط میتواند عدد باشد و در واحد dpi محاسبه میشود.
-
Padding_right :
مانند padding عمل میکند اما فقط فاصله ی خود را از گوشه راست مادرش حفظ میکند.
-
Padding_left :
مانند padding عمل میکند اما فقط فاصله ی خود را از گوشه چپ مادرش حفظ میکند.
-
Padding_top :
مانند padding عمل میکند اما فقط فاصله ی خود را از گوشه بالا مادرش حفظ میکند.
-
Padding_bottom :
مانند padding عمل میکند اما فقط فاصله ی خود را از گوشه پایین مادرش حفظ میکند.
-
Margin :
در بیرون المان فضای خالی ایجاد میکند به این صورت که به اندازه مقدار داده شدن از چهار گوشه ی مادرش فاصله می گیرد. این خاصیت فقط میتواند عدد باشد و در واحد dpi محاسبه میشود.
-
Margin_right :
مانند margin عمل میکند اما فقط فاصله ی خود را از گوشه راست مادرش حفظ میکند.
-
Margin_left :
مانند margin عمل میکند اما فقط فاصله ی خود را از گوشه چپ مادرش حفظ میکند.
-
Margin_top :
مانند margin عمل میکند اما فقط فاصله ی خود را از گوشه بالا مادرش حفظ میکند.
-
Margin_bottom :
مانند margin عمل میکند اما فقط فاصله ی خود را از گوشه پایین مادرش حفظ میکند.
-
onClick :
مشخص میکند پس از کلیک کردن یک المان چه اتفاقی رخ دهد.این خاصیت مقادیر زیادی دارد که اکشن نام دارد. در فصول آتی این مقادیر را بررسی میکنیم.
-
validate :
با نوشتن id ورودی هایی که نیاز به چک شدن دارن و جدا کردن آن ها با “ , ” تمام تکست باکس ها و دیگر ورودی ها با regex که داخل خاصیت validation در آن المان داده شده چک میشوند و در صورتی که تمام آن ها درست بودند اکشن نهایی داخل onclick اجرا میشود. این اتفاقات پس از کلیک شدن المان رخ می دهد.
-
background :
رنگ پس زمینه المان را مشخص میکند. مقدار این خاصیت یک کد رنگ HTML مانند 58D3F7 است.
-
borderStrokeWidth :
ضخامت حاشیه المان را مشخص میکند و یک عدد در واحد dpi است.
-
borderStrokeDashWidth :
ضخامت خط تیره ی حاشیه المان را مشخص میکند و یک عدد در واحد dpi است. پیشفرض آن 0 است.
-
borderStrokeDashGap:
فاصله ی بین هر خط تیره ی حاشیه المان را مشخص میکند و یک عدد در واحد dpi است. پیشفرض آن 0 است.
-
borderColor :
رنگ حاشیه المان را مشخص میکند. مقدار این خاصیت یک کد رنگ HTML است.
-
borderCornerRadius :
شعاع گوشه های حاشیه المان را مشخص میکند و یک عدد در واحد dpi است.
. با دادن 4 مقدار 4 گوشه مختلف را مقداردهی میکنیم ↵
-
Visibility :
قابل دیدن بودن المان را مشخص میکند.
دارای مقادیر visible و invisible و gone میباشد.
-
Gravity :
با استفاده از این خصوصیت، می توانیم مشخص کنیم که محتوای درون یک شیء چگونه موقعیت دهی شوند.
دارای مقادیر none و top و right و left و bottom و top_center و bottom_center و top_right و top_left و bottom_right و bottom_left و center_right و center_left و center و center_horizontal و center_vertical میباشد.
-
SelfGravity :
مکان خود المان را مشخص میکند.
-
ChildGravity :
مکان المان های داخلی را مشخص میکند.
-
Clickable :
.قابل کلیک بودن یا نبودن المان را مشخص میکند
-
MaxHeight :
بیشترین عرضی که المان میتواند داشته باشد را مشخص میکند.
-
MaxWidth :
بیشترین طولی که المان میتواند داشته باشد را مشخص میکند.
-
Weight :
اندازه نسبی یک عنصر نسبت به عناصر دیگر با این ویژگی مشخص میشود.
↵ هنگام استفاده ازین المان حتما باید مقدار width را wrap_content کنید وگرنه برعکس شده و وزن بزرگتر کوچکتر دیده میشود.
-
Clickable :
قابل کلیک بودن المان را مشخص میکند.
-
Focusable :
قابل focus بودن المان را مشخص میکند.
-
Elevation :
برای المان shadow قرار میدهد.
-
OnFocus :
زمانی که روی المان focus شود صدا زده میشود و مقدار آن یک اکشن است.
-
OnFocusLost :
زمانی که المان از حالت focus خارج شود صدا زده میشود و مقدار آن یک اکشن است.
-
endiconmode :
زمانی که میخواهیم متن زیر المانهای دیگر قرار نگیرند. ('endiconmode= 'costum )
No Comments