《Python+Kivy(App开发)从入门到实践》自学笔记：基本图形绘制——动手实践——画板——设置线宽

章节知识点总揽

 

3.5.3 设置线宽

        线宽仅在初始化时进行了设置，改变线宽的方法基本同颜色属性一致，依然是在DrawCanvasWidget类内新建一个方法，具体代码如下：

def change_line_width(self,line_width='Normal'):
    #线宽
    self.line_width = {'Thin':1,'Normal':2,'Thick':4}[line_width]

        实例：设置画笔的线宽

        在change_line_width()方法内，通过传入不同的line_width参数匹配字典内不同的值，再设置线宽。由于设置线宽的三个按钮的部分属性基本一致，所以还需要提取出公共属性，具体代码如下：

<LineWidthButton@ToggleButton>:
	group:'line_width'
	color:C('#2c3e50')
	backgroud_color:C('#ecf0f1')
	backgroud_normal:''
	backgroud_down:''
	border:(3,3,3,3)
	on_release:app.canvas_widget.change_line_width(self.text)

        在窗口的左上方设置调整线宽的按钮，使用BoxLayout布局，在canvas.before属性的下方。布局内代码如下：

<DrawCanvasWidget>:
	canvas.before:
		Color:
			rgba:[1,1,1,1]
		Rectangle:
			pos:self.pos
			size:self.size

	BoxLayout:
		orientataion:'horizontal'
		padding:2
		spacing:2
		x:0
		top:root.top
		size_hint:None,None
		size:280,44

		LineWidthButton:
			text:'Thin'
		LineWidthButton:
			text:'Normal'
			state:'down'
		LineWidthButton:
			text:'Thick'

        至此，所有代码如下：

        main.py内容：

from kivy.app import App
from kivy.graphics import Line,Color
from kivy.uix.widget import Widget
from kivy.utils import get_color_from_hex
 
class DrawCanvasWidget(Widget):
    def __init__(self,**kwargs):
        super().__init__(**kwargs)
        #设置默认颜色
        self.canvas.add(Color(rgb=[0,0,0]))
        self.line_width = 2
 
    def on_touch_down(self,touch):
        #触摸显示轨迹
        if Widget.on_touch_down(self,touch):
            return
        with self.canvas:
            touch.ud['current_line'] = Line(points=(touch.x,touch.y),width=self.line_width)
 
    def on_touch_move(self,touch):
        #连线
        if 'current_line' in touch.ud:
            touch.ud['current_line'].points += (touch.x,touch.y)
    def change_color(self,new_color):
        #颜色改变
        self.canvas.add(Color(*new_color))

    def change_line_width(self,line_width='Normal'):
        #线宽
        self.line_width = {'Thin':1,'Normal':2,'Thick':4}[line_width]
 
class PaintApp(App):
    def build(self):
        self.canvas_widget = DrawCanvasWidget()
        return self.canvas_widget
 
 
if __name__ == '__main__':
    PaintApp().run()

        paint.kv内容如下：

#:import C kivy.utils.get_color_from_hex
 
<ButtomColorButton@ToggleButton>:
	group:'color'
	background_normal:''
	background_down:''
	border:(3,3,3,3)
	on_release:app.canvas_widget.change_color(self.background_color)
 
<LineWidthButton@ToggleButton>:
	group:'line_width'
	color:C('#2c3e50')
	backgroud_color:C('#ecf0f1')
	backgroud_normal:''
	backgroud_down:''
	border:(3,3,3,3)
	on_release:app.canvas_widget.change_line_width(self.text)

<DrawCanvasWidget>:
	canvas.before:
		Color:
			rgba:[1,1,1,1]
		Rectangle:
			pos:self.pos
			size:self.size

	BoxLayout:
		orientataion:'horizontal'
		padding:2
		spacing:2
		x:0
		top:root.top
		size_hint:None,None
		size:280,44

		LineWidthButton:
			text:'Thin'
		LineWidthButton:
			text:'Normal'
			state:'down'
		LineWidthButton:
			text:'Thick'

<DrawCanvasWidget>:
	canvas.before:
		Color:
			rgba:[1,1,1,1]
		Rectangle:
			pos:self.pos
			size:self.size
 
	BoxLayout:
		id:bottom_box
		orientation:'horizontal'
		padding:2
		spacing:2
		size:root.width,40
 
		ButtomColorButton:
			background_color:C('#19caad')
			state:'down'
 
		ButtomColorButton:
			background_color:C('#8cc7d5')
 
		ButtomColorButton:
			background_color:C('#a0eee1')
 
		ButtomColorButton:
			background_color:C('#bee7e9')
 
		ButtomColorButton:
			background_color:C('#beedc7')
 
		ButtomColorButton:
			background_color:C('#d6d5b7')
 
		ButtomColorButton:
			background_color:C('#d1ba74')
 
		ButtomColorButton:
			background_color:C('#e6ceac')
 
		ButtomColorButton:
			background_color:C('#ecad9e')
 
		ButtomColorButton:
			background_color:C('#f4606c')
 
		ButtomColorButton:
			background_color:C('#3498db')
 
		ButtomColorButton:
			background_color:C('#1abc9c')
 
		ButtomColorButton:
			background_color:C('#2ecc71')
 
		ButtomColorButton:
			background_color:C('#f1c40f')
 
		ButtomColorButton:
			background_color:C('#e67e22')
 
		ButtomColorButton:
			background_color:C('#e74c3c')
 
		ButtomColorButton:
			background_color:C('#9b59b6')
 
		ButtomColorButton:
			background_color:C('#ecf0f1')
 
		ButtomColorButton:
			background_color:C('#95a5a6')
 
		ButtomColorButton:
			background_color:C('#000000')

        执行main.py后，可以通过左上角按钮调整画笔粗细。具体如下图：

上一篇：基本图形绘制——动手实践——画板——设置颜色

下一篇：基本图形绘制——动手实践——画板——按钮边框