1. 程式人生 > >35.元件屬性的使用(五)

35.元件屬性的使用(五)

面板 width 動態面板 圖片 屬性 垂直 生成 在一起 也會

這次要做一個手機翻小說的類型 右邊有滾動條 上面有頁碼顯示 隨著滾動條的移動頁碼也會逐步變化

技術分享圖片先準備四張圖豎排鏈接在一起 尺寸都是400X400 然後全選四張圖轉化為動態面板

技術分享圖片然後把屬性的自動調整內容尺寸的勾去掉 再把面板改成400X400(之前面板是由四個圖組合的 高有1200) 調整之後只有一張圖 因為其他的圖隱藏了 需要滾動條才能看到

技術分享圖片屬性這裏有一個滾動條 在這裏我們用垂直的滾動條

生成之後會出現滾動條!

下面我們做頁碼的顯示:

技術分享圖片先做一個矩形顯示按鈕

思路:滾動條滾動的距離除以圖片高度(400)得到一個距離 用來得到頁碼

技術分享圖片給面板設置一個用例 “滾動時”這是面板的一個特殊用例

設置yama那個顯示的元件的文本 兩條設置 由上至下執行!

技術分享圖片第一條設置的公式 用鼠標滾動距離(這裏是Y軸滾動)除以400得到小數然後加1

技術分享圖片這是第二條設置的公式 又第一條設置添加局部變量得到yama這個元件上的數字 然後利用數字這個對象的函數四舍五入 註意第一個“.”前面的是ym 括號裏的數字表示的意思是保留幾位小數 這裏我們是要取整 因此填0

技術分享圖片同時在第二個公式裏加上"第”和“頁”

35.元件屬性的使用(五)