2016-03-01 3 views
0

Я пытаюсь создать датчик. У меня есть PNG пустого датчика, а второй - точно такого же размера, что и игла. Моя идея состоит в том, чтобы наложить иглу сверху манометра и затем повернуть ее в зависимости от значения, которое я хочу отобразить. У меня возникли проблемы с размещением одного изображения поверх другого. Кто-нибудь знает как это сделать? Изображение находится внутри LinearLayout.Создание датчика

+0

Вариант 1: расширить представление изображения и развивать свой собственный контроль –

+0

Вариант 2: Используйте калибровочное изображение в качестве фона из ImageView и поместите иглу как src ... Вариант 3 .... Возьмите макет рамки или относительную компоновку ... поместите оба изображения в окно просмотра 1. калибр и 2. игла –

+0

Это поможет: http://stackoverflow.com/questions/12551295/simple-gauge-view-like-speedmeter-in-android –

ответ

0

Для этого можно использовать RelativeLayout.

<RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

      <ImageView 
       android:id="@+id/needle" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:src="@drawable/needle" /> 

      <ImageView 
       android:id="@+id/cluster" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:src="@drawable/cluster" /> 

      <TextView 
       android:id="@+id/rpmVal" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentBottom="true" 
       android:layout_centerHorizontal="true" 
       android:layout_marginBottom="27dp" 
       android:text="00000" 
       android:textColor="#ffffff" 
       android:textSize="60sp" 
       android:textStyle="italic" /> 

      <TextView 
       android:id="@+id/textView23" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignBaseline="@+id/rpmVal" 
       android:layout_alignBottom="@+id/rpmVal" 
       android:layout_toEndOf="@+id/rpmVal" 
       android:text="RPM" 
       android:textColor="#ffffff" /> 

      <TextView 
       android:id="@+id/textView24" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_above="@+id/rpmVal" 
       android:layout_marginBottom="40dp" 
       android:layout_toStartOf="@+id/textView23" 
       android:text="x100 rpm" 
       android:textColor="#ffffff" 
       android:textSize="10sp" /> 

     </RelativeLayout> 

Эта установка Шоул выглядеть следующим образом: null

Я надеюсь, что я мог бы помочь ^^

+0

Спасибо. Это проект, который я закончил около 18 месяцев назад, используя специальную калибровку, которую я нашел где-то в другом месте. Я на самом деле планирую переписать его в ближайшее время, поэтому я буду экспериментировать с вашим решением. –