Skip to content

Commit

Permalink
update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
xianjimli committed Nov 7, 2018
1 parent a61c1b2 commit 9c4d4e9
Showing 1 changed file with 15 additions and 17 deletions.
32 changes: 15 additions & 17 deletions docs/image_draw_type.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,19 +4,19 @@

AWTK提供了多种图片显示方式:

* 居中显示。将图片按原大小显示在目标矩形的中央。
* 缩放显示。将图片缩放至目标矩形的大小(不保证宽高成比例)。
* 自动缩放显示。将图片缩放至目标矩形的宽度或高度(选取最小的比例),并居中显示。
* 宽度缩放显示。将图片缩放至目标矩形的宽度,高度按此比例进行缩放,超出不部分不显示。
* 高度缩放显示。将图片缩放至目标矩形的高度,宽度按此比例进行缩放,超出不部分不显示。
* 平铺显示。
* 水平方向平铺显示,垂直方向缩放。
* 垂直方向平铺显示,水平方向缩放。
* 9宫格显示。将图片分成等大小的9块,4个角按原大小显示在目标矩形的4个角,左右上下和中间5块分别缩放显示在对应的目标区域。
* 水平方向3宫格显示,垂直方向居中。将图片在水平方向上分成等大小的3块,左右两块按原大小显示在目标矩形的左右,中间一块缩放显示在目标区域中间剩余部分。
* 垂直方向3宫格显示,水平方向居中。将图片在垂直方向上分成等大小的3块,上下两块按原大小显示在目标矩形的上下,中间一块缩放显示在目标区域中间剩余部分。
* 水平方向3宫格显示,垂直方向缩放。将图片在水平方向上分成等大小的3块,左右两块按原大小显示在目标矩形的左右,中间一块缩放显示在目标区域中间剩余部分。
* 垂直方向3宫格显示,水平方向缩放。将图片在垂直方向上分成等大小的3块,上下两块按原大小显示在目标矩形的上下,中间一块缩放显示在目标区域中间剩余部分。
* 居中显示(center)。将图片按原大小显示在目标矩形的中央。
* 缩放显示(scale)。将图片缩放至目标矩形的大小(不保证宽高成比例)。
* 自动缩放显示(scale\_auto)。将图片缩放至目标矩形的宽度或高度(选取最小的比例),并居中显示。
* 宽度缩放显示(scale\_w)。将图片缩放至目标矩形的宽度,高度按此比例进行缩放,超出不部分不显示。
* 高度缩放显示(scale\_h)。将图片缩放至目标矩形的高度,宽度按此比例进行缩放,超出不部分不显示。
* 平铺显示(repeat)
* 水平方向平铺显示,垂直方向缩放(repeat\_x)
* 垂直方向平铺显示,水平方向缩放(repeat\_y)
* 9宫格显示(patch9)。将图片分成等大小的9块,4个角按原大小显示在目标矩形的4个角,左右上下和中间5块分别缩放显示在对应的目标区域。
* 水平方向3宫格显示,垂直方向居中(patch3\_x)。将图片在水平方向上分成等大小的3块,左右两块按原大小显示在目标矩形的左右,中间一块缩放显示在目标区域中间剩余部分。
* 垂直方向3宫格显示,水平方向居中(patch3\_y)。将图片在垂直方向上分成等大小的3块,上下两块按原大小显示在目标矩形的上下,中间一块缩放显示在目标区域中间剩余部分。
* 水平方向3宫格显示,垂直方向缩放(patch3\_x\_scale\_y)。将图片在水平方向上分成等大小的3块,左右两块按原大小显示在目标矩形的左右,中间一块缩放显示在目标区域中间剩余部分。
* 垂直方向3宫格显示,水平方向缩放(patch3\_y\_scale\_x)。将图片在垂直方向上分成等大小的3块,上下两块按原大小显示在目标矩形的上下,中间一块缩放显示在目标区域中间剩余部分。

## 二、在程序中使用(仅限于image控件)

Expand Down Expand Up @@ -44,11 +44,9 @@ image_set_draw_type(img, IMAGE_DRAW_CENTER);

## 五、查看实际效果

demos/xml/draw_type目录下有一些XML界面描述文件,这些文件演示了各种显示方式的效果。可以用preview\_ui来预览,如:
images.xml展示了各种绘制方式。

```
./bin/preview_ui demos/xml/draw_type/bg.xml
./bin/preview_ui demos/assets/raw/ui/images.xml
```
效果图:

![](images/repeat_3patch_x.png)

0 comments on commit 9c4d4e9

Please sign in to comment.