Site-Tutorial
Bild & Medien
id_image 0191ac0a-444f-7cee-8770-317b09d40374. Gate sizeFixe — width et height calculés (pas hug 0 sans ratio). Body : ServerImage. image = url http(s) ou uuid FilesContent. image_m / images[] : NOT USE sur view.
Coins ronds → id_image_deco
| Type | UUID | radius JSON |
|---|---|---|
id_image | 0191ac0a-444f-7cee-8770-317b09d40374 | inerte (ServerImage nu) |
id_image_deco | 01965644-fa21-7cf9-9204-f71b2d3dd60d | ClipRRect — utiliser celui-ci |
id_image_circle | 0191a792-1a83-708b-b7fc-799d9bc04621 | ignoré (BoxShape.circle) |
id_image_oval | 3d5d59ed-0e76-42ea-8fcb-f6e3e9687ad6 | 4 coins + clip, border peint |
Toujours une boîte width × height (px ou ratio) sinon box_fit n’a rien à remplir. Cercle : BoxFit.cover (2) presque obligatoire. Zoom au tap : id_image_zoom. Folder d’images (PageView) : id_image_folder, enfants id_image, pas images[].
id_image_deco : border JSON actuellement commenté (pas de filet). pad_int = padding entre Container et clip. Outer radius = init ; ClipRRect inner = enable.
JSON deco (coins ronds)
{
"type": "01965644-fa21-7cf9-9204-f71b2d3dd60d",
"width": { "l": { "i": 100, "iT": "%" } },
"height": { "l": { "i": 1.2, "iT": "ratio" } },
"image": "<uuid FilesContent ou url>",
"box_fit": 2,
"box_fit_m": 2,
"radius": {
"l": {
"iTL": 16, "iTR": 16, "iBL": 16, "iBR": 16,
"eTL": 16, "eTR": 16, "eBL": 16, "eBR": 16,
"iTTL": "px", "iTTR": "px", "iTBL": "px", "iTBR": "px",
"eTTL": "px", "eTTR": "px", "eTBL": "px", "eTBR": "px"
}
}
}
id_image live small page : box_fit: 1 (contain). Défaut fromJson : 2 cover.
Piège.
radius / border JSON inertes sur id_image. image_pos est ignoré par id_image (l’image est le view) — c’est un champ Segment.