UI 구성하는데 고민이 있어 질문올립니다.

지금 만들려는 어플이 무선 컨트롤러 같은건데요

원격으로 자동차를 조종하는거라고 보시면됩니다.


화면 한부분에 현재 자동차의 상태값을 받아서 출력해주고

아랫부분에 자동차의 움직임을 조정하는 UI를 구성하려고 합니다.

현재 위젯 버튼을 사용하여 버튼 클릭시 onClick에서 이벤트가 발생하여 명령을 처리하는 상태까진 해뒀는데요


이제 이미지도 입히고 입력방식도 좀 바꾸려고하는데

원하는건 l   l  이렇게 긴 막대기 두개를 두고 가운데 O 모양을 두어 컨트롤하는것인데


쉽게 생각하셔서 위아래로 움직이는 조이스틱 두개를 놓고자 합니다.
(필요시 버튼 한두개정도 추가될 수 도 있을것 같습니다)



가운데  파란부분에 이미지를 출력하고 (계속변함)

노란 부분에 글씨를 출력합니다(역시 계속변함)

하단에 보라색 버튼은 사용할수도있고 안할수도있습니다.


문제는 좌우의 막대기부분인데

빨간색 부분을 누른상태에서 앞뒤로 움직여서 모션을 제어하고싶은데

현재 위젯기반으로 구성해둔 UI에서는 저 막대기가 구현이 가능한지요?

불가능하다면 방법을 조언해주시길 부탁드립니다.

불가능할시 지금 생각중인것은 xml을 사용하지 않고 화면 전체를 이미지로 출력한 

변하는 부분만 이미지를 계속 업데이트 해주는 방식을 생각하고있습니다.


처음 개발하는 초보에게 많은 가르침 부탁드립니다^^