duilib--corner属性总结

2024-05-10 10:07:25

界面控件进行贴图时，当控件大小和图片大小不统一时，控件上的贴图会进行拉伸，直观上看就是图片失真了，或者控件上出现了不属于图像颜色的颜色。下图中画红圈的那个颜色就是由于corner属性设置不合理的时候，出现的颜色。

【DuiLib入门基础】九宫格corner属性详细解释
duilib corner属性的贴图技巧

图片大小为14219 控件大小为250100

corner属性的含义corner=‘x1,y1,x2,y2’：

x1,y1,x2,y2 含义为九宫格的线分别离图像左、上、右、下的距离。

不设置corner属性时：

不设置时，整个图片都会进行拉伸，图像失真了。

corner=‘0,0,0,20’ 靠下边

此处 corner=“0,0,0,20” 属于距离下边20 的地方，那么图像就会按照左+0 上+0 右-0 下-20 进行拉伸，所以，图像还是有拉伸的。
红色圈处的颜色就是不属于图像上的颜色，是corner属性设置的不对造成的。

corner=‘0,0,20,0’ 靠右

corner=‘0,0,142,0’ 靠右

corner=‘0,0,20,20’ 靠右下脚

corner=‘0,20,0,0’ 靠上

发现左边还是有点失真，那就不要让他们拉伸就好了，

corner=‘0,0,142,19’ 右下角

总结： corner属性中后面设置的值是在原来图像的基础上去画两个点，这两个点是距离上下左右的距离，九宫格中，这两个点是定点，是基准，按照这两个点去进行拉伸，比如corner=‘0,0,142,19’ 距离左0 上0 ，右142，下19的地方，发现是参考点是重合在拉左上角(0,0)处，【之前此处不理解，为什么是重合在(0,0)】

duilib--corner属性总结相关推荐

Duilib corner属性
corner 属性实现原理:九宫格什么是九宫格:http://blog.csdn.net/yanzhibo/article/details/8270266 经过仔细琢磨之后corner 属性的四个参 ...
【DuiLib入门基础】九宫格corner属性详细解释
技术背景九宫格是用来减少图片缩放拉伸时失真程度的一种常用技术, 如果你做过android开发尤其是手游这块, 你可能很快发现这其实就是android所直接支持的一个特性9patch. 对于九宫格图片 ...
duilib bkimage 属性
duilib bkimage 属性 <Attribute name="bkimage" default="" type="STRING" ...
Duilib样式性大全-Duilib属性大全-Duilib XML属性大全-Duilib XML样式大全
Duilib样式性大全-Duilib属性大全-Duilib XML属性大全-Duilib XML样式大全 <?xml version="1.0" encoding=" ...
Duilib技巧：背景图片平铺
贴图的描述方式有两种 // 1.aaa.jpg // 2.file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='0,0,0 ...
duilib设置透明窗口_界面开发心得与Duilib | 学步园
一.设置窗体透明度和指定透明色(如指定了黑色,即所有黑色的部分将会变得透明) DWORD dwExStyle=GetWindowLong(m_hWnd,GWL_EXSTYLE); if((dwExSt ...
android:简单包装实现伪自定义DatePickerDialog和TimePickerDialog
之所以写这个东西,是因为在我们的设计中需要给日期选择器加一个标题,一开始直接使用原生的 DatePickerAlertDialog ,因为他继承自 AlertDialog ,所以就直接调用了 s ...
有一定基础的 C++ 学习者该如何学习 Windows 编程？
这篇文章是回答一位知友的提问: 有一定基础是指对大学教材级别的C++知识有了解,然而只停留在黑框程序的编写和阅读上. 手头有一个使用VS2010开发的windows工程想要读懂(这是契机,不是原因), ...
Android高斯模糊（毛玻璃效果）蒙层库
ShapeBlurView ShapeBlurView库是一个高斯模糊(毛玻璃效果)蒙层库.Like iOS UIVisualEffectView 不知大家做需求的时候是否有这样的效果要求: 需求示例 ...

最新文章

热门文章