kivy之TextInput屬性實操練習

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

本文項目源碼文件包可點此下載,下載可自行調試學習。

Tags: