kivy控件之size_hint,pos_hint详述
2021/8/8 23:35:52
本文主要是介绍kivy控件之size_hint,pos_hint详述,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在kivy开发中,所有界面内添加的控件最常用的属性有:text、font_size、background_color、size_hint、pos_hint等修饰控件的属性,这里我对控件size_hint(控件大小属性),pos_hint(控件定位属性)进行相关参数的详细解说下:
(因text、font_size、backgroud_color参数简单,且易懂,所以不在这里进行细说了)
如KV文件内:
<Button>: text:'bt0' #控件上文本内容 font_size:20 #控件上文本字体大小 size_hint:.2,.2 #控件大小,这里的‘.2’表示0.2,意思是长宽都占上层布局的20% pos_hint:{'right':1,'top':1} #控件的位置right是表示靠右,top表示靠顶部,即定位右上角 background_color:.1,.5,.6,1 #这里是颜色四个数值分别表示RGBA。
size_hint参数描述:
size_hint:0.2,0.2 #控件大小,这里的‘0.2’也可以用‘.2’表示,意思是长宽都占上层布局的20%
pos_hint参数描述:
pos_hint:{'right':1,'top':1}
right:控件right:1是表示靠右,值为0-1;如right:0.5是表示定位从右侧向左侧移到一半的位置,其他数值以此类推。如right:0是表示定位到左侧外侧,不在本布局内。
top:控件top:1表示靠顶部,即定位顶部,值为0-1。如top:0.5是表示定位从顶部向下移到一半的位置,其他数值以此类推。如top:0是表示定位到底部外侧,不在本布局内了。下列参数均参照此描述。
pos_hint:{'x':0,'top':1} 'x'表示本布局的横向坐标轴,‘y’表示纵向坐标轴,x:0控件的位置是表示布局横向轴坐标为0的位置,及左侧,top:1即定位为顶部,二个定位参数结合起来表示该控件定位在左侧的顶部。
pos_hint:{'center_x':.5,'center_y':.5} 'center_x'表示本布局的横向坐标轴居中点,‘center_y’表示纵向坐标轴居中点,'center_x':.5,'center_y':.5二个参数值均为.5时,表示此控件在本布局纵向横向均为居中位置,也就是本布局的绝对中心点。
pos_hint:{'x':0,'y':0} 'x'表示本布局的横向坐标轴,‘y’表示纵向坐标轴,x:0,y:0即横向坐标与纵向坐标的起始点,结合起来表示定位为布局的左下角。
pos_hint:{'right':1,'y':0} right:1是表示靠右。'y':0是表示下侧,参数结合起来表示定位在右下侧,右下角的意思。
这篇关于kivy控件之size_hint,pos_hint详述的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-03万字长文聊聊Web3的组成架构
- 2024-07-02springboot项目无法注册到nacos-icode9专业技术文章分享
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?