ivx編輯器教程 使用ivx三元表達式的經驗總結

  • A+
所屬分類:ivx圖文教程

數據綁定可以幫助我們更方便、直觀的控制案例,是ivx中經常用到功能之一,另外在數據綁定中,我們經常會將綁定的內容寫成一個三元表達式的形式,今天就來講一講三元表達式的具體使用。這個小demo中可以通過點擊按鈕讓上方的五個圖標隨機顯示一個。

1.首先我們搭建一個這樣的布局,上方放置5個不同顏色的圖標,下面添加文本和按鈕,最後還需要一個用來數據綁定的數值變量。
ivx編輯器教程 使用ivx三元表達式的經驗總結
2.第二步,我們給按鈕添加一個點擊事件,讓數值變量的值為範圍是1-5的一個隨機整數。這裡把文本組件的內容和數值變量做一個數據綁定,方便我們直接看到生成隨機數的結果。
ivx編輯器教程 使用ivx三元表達式的經驗總結
ivx編輯器教程 使用ivx三元表達式的經驗總結
3.第三步我們對5個圖標的可見屬性進行數據綁定。在不進行數據綁定的時候,可見屬性的值是一個布爾值,為true時表示可見,為false時表示不可見,所以我們三元表達式的結果最終結果也應該是true或者false。
ivx編輯器教程 使用ivx三元表達式的經驗總結
這裡三元表達式的寫法是“顯示控制==1?true:false”。先看“?”前面的“顯示控制==1”,在編程語言中“=”是賦值符號,“==”才表示相等,所以這部分的含義就是數值變量“顯示控制”等於1,“?”是判斷這個關係是否成立。後面的部分“true:false”則是對應如果前面的式子成立,則式子的最終結果為“:”前的true,反之則為“:”後面的false。因此在“顯示控制”等於1時圖標1是可見的,“顯示控制”等於其它值時圖標1都是不可見的。
ivx編輯器教程 使用ivx三元表達式的經驗總結
ivx編輯器教程 使用ivx三元表達式的經驗總結
4.上面用到的三元表達式形式就是標準形式 “條件 ? 結果1 : 結果2”。不過由於可見屬性本身就是布爾值變量,同時上一點中說過“控制變量==1”這部分是用於判斷“控制變量”等於1是否成立,其實這個成立結果本身也是一個布爾值變量。比如“顯示控制==1”成立,那麼“顯示控制==1”就是true,反之就是false。所以我們可以直接用下圖中這種寫法進行數據綁定。
ivx編輯器教程 使用ivx三元表達式的經驗總結
對比一下的話,這種寫法就是把式子的結果直接賦值給了圖標的可見屬性,式子結果是true,可見屬性等於true,式子結果是false,可見屬性等於false。而標準寫法是如果式子的結果是true,讓可見屬性等於“:”前面填好的值true,,如果式子的結果是false,則讓可見屬性等於“:”後面填好的值false。

5.其實三元表達式主要是判斷條件表達式是否成立,所以條件表達式也不僅是等式,也可以使用“!=”、“>”、“<”、“>=”和“=<”,還可以配合“&&”(與)和“||”(或)將簡單的式子連接起來(可以用括號確定運算層級),做出更複雜情況的條件判斷。

總結
能夠靈活運用三元表達式能夠讓我們的案例在很多地方結構更加簡潔,組件和變量之間的關係也會更加清晰。而且只要理解基準形式,各種變形其實都很容易掌握,當然最後還是要多加練習噢。

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: