kivy之TextInput属性实操练习

TextInput属性比较多,常用在页面设计上的属性做了实操练习,便于很直观的了解学习本部件。并将其中一个输入提示的属性在实操源码里单独建立了一个功能进行演示。

kivy之TextInput属性实操练习

 

 主程序文件main.py我就不贴出来了,相信你能学到这里,建main.py文件也不是问题了。

布局文件源码如下。

<TextInputWidget>:
    canvas:
        Color:
            rgba:(1,1,1,1)
        Rectangle:
            pos:self.pos
            size:self.size

    TextInput:  #在布局里添加一个文本框
        text:这里显示一些测试文本    #要显示的文本
        multiline:False     #是否多行显示
        pos:400,380     #设置文本框要显示的位置
        allow_copy:False     #是否允许复制,默认True
        cursor_color:[0,1,0,1]  #光标设置成绿色
        on_text_validate:self.pos=[self.x,self.y-10]   #选择文本后按enter把位轩垂直下移10个像素


    TextInput:  #在布局里添加一个文本框
        text:按tab键进入下一个小部件    #要显示的文本
        multiline:False     #是否多行显示
        pos:10,490   #设置文本框要显示的位置
        size:300,100
        allow_copy:False     #是否允许复制,默认True
        write_tab:False  #按tab键进入下一个小部件
        base_direction:rtl   #文本的基本方向,rtl指从右向左,文本靠近右边,其它None(默认),ltr,weak_ltr,weak_rtl
        on_text:self.pos=[self.x+10,self.y]   #文本内容改变时将TextInput水平右移10像素

    TextInput:
        text:今天天气真好,晴空万里
        font_size:20
        pos:50,100
        size:300,100
        halign:center     #水平对齐方式
        background_color:1,2,100,1
        foreground_color:0,100,0,1
        allow_copy:True    #允许复制文本,Flase则文本不可复制
        readonly:True     #只读
        on_double_tap:self.size=[300,200]   #双击TextInput将部件尺寸高增加至200
        on_triple_tap:self.pos=[100,100]    #三击TextInput将部件位置水平右移50

    TextInput:
#        text:‘随便写点什么显示下,写点什么显示下写点什么显示下‘
        pos:400,180
        height: self.minimum_height
        width:300
        auto_indent:True
        hint_text:随便打点什么
        input_filter:int   #只能输入数字
        replace_crlf:True   #replace_crlf是一个布尔属性,默认为True。默认的换行符在各操作系统下是不一致的,Windows 是 CRLF(’\r\n’),Mac、Linux是 LF(’\n’)
        on_quad_touch:self.size=[400,200]  #四指触摸本部件时尺寸改变为400X200

本文项目源码文件包可点此下载,下载可自行调试学习。

kivy之TextInput属性实操练习

上一篇:Leetcode - 8. 字符串转换整数 (atoi)


下一篇:《深入理解Nginx:模块开发与架构解析》一1.6 Nginx的命令行控制