《Python+Kivy(App开发)从入门到实践》自学笔记：基本图形绘制——部分旋转

原创

已于 2023-08-12 20:19:46 修改 · 460 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #python #kivy

于 2022-10-28 11:09:46 首次发布

博客围绕前端基本图形绘制展开，提到使用Rotate指令后坐标变化导致按钮旋转的问题。为避免此情况，可将坐标空间旋转回来。一般使用PushMatrix保存上下文环境、PopMatrix恢复上下文环境，并给出相关代码示例，运行结果是按钮位置不变，仅图片旋转。

章节知识点总揽

实例：上一篇种使用了Rotate指令后，其后的整个坐标都发生了变化，导致最后一个Button按钮也随着旋转。为了避免类似情况，可以通过以下代码将坐标空间旋转回来。

由于上述情况很少出现，在一般情况下会使用两个新的命令，分别如下：

１．PushMatrix：保存当前的上下文环境。

２．PopMatrix：恢复最后保存的上下文环境。

关于PushMatrix和PopMatrix命令的使用，可参考下面部分代码：

<MyImage@Image>:
	source:'01.jpg'
	pos:self.parent.pos
	size_hint:.5,.4
	canvas:
		
		PushMatrix		

		Rotate:
			axis:(0,0,1)
			angle:60
			origin:self.center
		Color:
			rgba:1,0,0,.5
		Line:
			rectangle:self.x,self.y,self.width,self.height

		PopMatrix

<RotateGridLayoutWidget>:
	cols:2
	canvas:
		Color:
			rgba:(1,1,1,1)
		Rectangle:
			pos:self.pos
			size:self.size
	Button:
		text:'col:1,row;1'
	FloatLayout:
		MyImage:
	Button:
		text:'col:1,row:2'

使用图片01.jpg，放置在main.py相同目录下：