0

enter image description here그리기 라인은

나는 위의 그림처럼 드로잉 라인의 문제가 있습니다. 어떻게해야합니까? 뷰의 코드는 다음과 같습니다. 구현해야합니다. 나는 캔버스를 사용해야 할 것 같지만, 그것에 대해서는 확실하지 않다. 어떤 조언을 주셔서 감사합니다!

<RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_marginTop="@dimen/linear_layout_buttons_margin_top" 
     android:orientation="vertical"> 

     <TextView 
      android:id="@+id/button_from_city" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="4dp" 
      android:layout_marginLeft="60dp" 
      android:layout_marginRight="60dp" 
      android:layout_marginTop="4dp" 
      android:background="@drawable/button_white" 
      android:drawableLeft="@drawable/ic_green" 
      android:drawablePadding="@dimen/dots_white_button_padding" 
      android:drawableStart="@drawable/ic_green" 
      android:gravity="center_vertical" 
      android:hint="@string/from_place" 
      android:padding="@dimen/dots_white_button_padding" 
      android:textColor="@color/color_accent" 
      android:textColorHint="@color/text_view_hint_color"/> 

     <TextView 
      android:id="@+id/button_to_city" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/button_from_city" 
      android:layout_marginBottom="4dp" 
      android:layout_marginLeft="60dp" 
      android:layout_marginRight="60dp" 
      android:layout_marginTop="4dp" 
      android:background="@drawable/button_white" 
      android:drawableLeft="@drawable/ic_red" 
      android:drawablePadding="@dimen/dots_white_button_padding" 
      android:drawableStart="@drawable/ic_red" 
      android:gravity="center_vertical" 
      android:hint="@string/to_place" 
      android:padding="@dimen/dots_white_button_padding" 
      android:textColor="@color/color_accent" 
      android:textColorHint="@color/text_view_hint_color"/> 
    </RelativeLayout> 

답변

1

당신은 textviews 두 당김 자원을 제공하고 작업의 필요 조건에 따라, drawableStart로 설정할 수 있습니다. 여기서 중요한 것은 색칠 된 원과 선을 포함하는 이미지를 사용하는 것이고 이것은 캔버스로 레이아웃을 그리는 것보다 훨씬 간단합니다.

0

도트 드로어 위 및 아래에 1dp 너비의 회색 배경이있는 뷰를 두 개 추가하고 항목의 위치에 따라 가시성을 관리합니다.