Image

این المان یک المان فرزند است و برای کاربر یک تصویر را به نمایش می گذارد.

 

خواص این المان :

     ↵  Src :

              لینک تصویر میباشد و تصویر از این لینک بارگیری می شود.

     ↵  Aspectratio :

              نسبت ارتفاع به طول تصویر در زمان نمایش را مشخص میکند. و یک عدد اعشاری را به عنوان ورودی می گیرد.

     ↵  NoPlaceholder :

              Placeholder را حذف میکند.

     ↵  Tint :

              رنگ عکس را تغییر میدهد.

     ↵  scaletype :

              نحوه نمایش تصویر را مشخص میکند و مقادیر center برای نمایش در مرکز  center_crop برای نمایش در مرکز با بریدن اضافات                          center_inside برای نمایش در مرکز و داخل،  fit_center برای کوچک کردن عکس به صورتی که با طول و عرض داده شده و مرکز محور مطابق شود ، fit_end برای نمایش در انتها  fit_start برای نمایش در شروع و  fit_xy برای پیروی از طول و عرض مادر و focus_crop برای برش از قسمت متمرکز را میگیرد.

در ادامه یک نمونه از کد image را مشاهده می کنید:

 

<page title="اپسان" background="#DDDDDD" toolbarColor="#E64724" width="match_parent" height="match_parent" >
     <image src = "http://162.55.105.137:8080/api/public/dl/6-OQTsC-"  scaletype ="center_crop"   width="300" height="300" margin_bottom="500" margin_top="50"></image>
</page>

 

نتیجه کد به صورت زیر نمایش داده می شود :

 

image-1625585001610.jpg