Android Studio UI設計相關工具問題

android android studio ui app java

picross 2021-01-18 10:45:47 ‧ 1313 瀏覽

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

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

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

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

海綿寶寶

iT邦大神 1 級 ‧ 2021-01-18 16:52:05

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

以 A0, B0 為例
左:
中:
右:
來組合出以下圖形(下圖是三張圖片，不是一張)

看更多先前的回應...收起先前的回應...

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

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

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

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

海綿寶寶 iT邦大神 1 級 ‧ 2021-01-19 08:47:56 檢舉

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

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

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

海綿寶寶 iT邦大神 1 級 ‧ 2021-01-19 11:58:01 檢舉

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

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

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

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

IT邦幫忙