iT邦幫忙

0

Android Studio UI設計相關工具問題

因為先前沒什麼開發有UI的經驗以及剛接觸Android APP這塊
目前只使用過Android Studio來做開發
但目前在UI部份碰到個問題
我想做一個像類似按摩椅介面的APP
可透過Seekbar來調整腳靠或椅背的角度
理想的狀況是在拉Seekbar的時候可即時看到椅子調整到哪

https://ithelp.ithome.com.tw/upload/images/20210118/20123386kpDpuNwUQc.jpg

我嘗試把椅子每個部件分開成多個ImageView, 然後用matrix.postRotate來做旋轉
但光是一開始要擺上去就很容易位置有誤差, 且旋轉後更容易跑掉
然後目前是嘗試用Canvas把線條慢慢畫出來, 但似乎有點複雜, 且以目前功力畫出來的有點難看...

所以想請教一般在做這種應用都是用什麼工具或方法來開發UI呢?

1 個回答

0
海綿寶寶
iT邦大神 1 級 ‧ 2021-01-18 16:52:05

提供一種做法供參考,就是
「用三張圖(左、中、右)組合出結果的圖形」

以 A0, B0 為例
左:https://ithelp.ithome.com.tw/upload/images/20210118/20001787qq9pnbajot.png
中:https://ithelp.ithome.com.tw/upload/images/20210118/200017876Bk8h4pdbB.png
右:https://ithelp.ithome.com.tw/upload/images/20210118/20001787T0nsjImCWc.png
來組合出以下圖形(下圖是三張圖片,不是一張)
https://ithelp.ithome.com.tw/upload/images/20210118/20001787qq9pnbajot.pnghttps://ithelp.ithome.com.tw/upload/images/20210118/200017876Bk8h4pdbB.pnghttps://ithelp.ithome.com.tw/upload/images/20210118/20001787T0nsjImCWc.png

看更多先前的回應...收起先前的回應...
picross iT邦新手 5 級 ‧ 2021-01-19 08:42:18 檢舉

這個就是我文中提到"我嘗試把椅子每個部件分開成多個ImageView, 然後用matrix.postRotate來做旋轉
但光是一開始要擺上去就很容易位置有誤差, 且旋轉後更容易跑掉"

picross iT邦新手 5 級 ‧ 2021-01-19 08:43:35 檢舉

但這邊我不太清楚是不是我方法有誤, 這也就是我想問的部分, 是否有更正確或其他工具可以讓分開的部件合在一起

1.這是用多個 ImageView 沒錯,但沒有旋轉沒有旋轉沒有旋轉
2.A0 就準備一張圖片,A45 就準備另一張大小相同的圖片。
3.最底下那三張圖片合在一起的誤差,你可以接受嗎

picross iT邦新手 5 級 ‧ 2021-01-19 10:55:23 檢舉

這個作法是準備很多張圖片對嗎? 可能不太適用我這個應用, 因為光是A可能就有90度可以調, 也就90張圖了, 所以才會想說要用旋轉的方式

拉Seekbar的時候可即時看到椅子調整到哪

如果只是「示意圖」就不用 90 張圖
如果你可以看出 43度/44度/45度 的差別,那就得準備 90 張圖沒錯

你心中已經有答案了
Good luck.

我要發表回答

立即登入回答