Как наложить один вид на другие виды ребер android

81
7

Я хочу сделать прямую линию с округлыми точками в строке, теперь вокруг изображения есть верхние и нижние прозрачные пространства (в самом изображении), поэтому я хочу наложить нижний вид (линию) на первый вид (круглый img), чтобы он выглядел как полная прямая линия. Вот мой код.

        <com.bridgebuilder.app.customviews.BBCustomTextView
android:id="@+id/txt_objective_met_minimally"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/objective_met_minimally"
android:textColor="@color/colorPrimary"
android:textSize="@dimen/attorney_review_header_text_size"
app:fontFace="@string/font_medium" />

<ImageView
android:id="@+id/round_first_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/txt_objective_met_minimally"
android:layout_marginTop="@dimen/layout_marginTop"
android:src="@drawable/round" />

<com.bridgebuilder.app.customviews.BBCustomTextView
android:id="@+id/txt_not_completed"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:layout_alignTop="@id/round_first_omm"
android:layout_alignBottom="@id/round_first_omm"
android:layout_marginLeft="@dimen/left_margin_to_vertical_bar"
android:layout_marginStart="@dimen/left_margin_to_vertical_bar"
android:text="@string/not_completed"
android:textSize="@dimen/text_size"
app:fontFace="@string/font_medium" />

<ImageView
android:id="@+id/bar_first_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@id/round_first_omm"
android:layout_alignLeft="@id/round_first_omm"
android:layout_alignRight="@id/round_first_omm"
android:layout_alignTop="@id/round_first_omm"
android:layout_marginTop="5dp"
android:layout_below="@id/round_first_omm"
android:src="@drawable/line_small" />

<ImageView
android:id="@+id/round_second_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/bar_first_omm"
android:layout_alignRight="@id/bar_first_omm"
android:layout_below="@id/bar_first_omm"
android:src="@drawable/round_selected"
card_view:ignore="RtlHardcoded" />

<com.bridgebuilder.app.customviews.BBCustomTextView
android:id="@+id/txt_objective_somewhat_met"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@id/round_second_omm"
android:layout_alignBottom="@id/round_second_omm"
android:layout_marginLeft="@dimen/left_margin_to_vertical_bar"
android:layout_marginStart="@dimen/left_margin_to_vertical_bar"
android:gravity="center_vertical"
android:text="@string/objective_somewhat_met"
android:textSize="@dimen/text_size"
app:fontFace="@string/font_medium" />

<ImageView
android:id="@+id/bar_second_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/round_second_omm"
android:layout_alignRight="@id/round_second_omm"
android:layout_alignTop="@id/round_second_omm"
android:layout_marginTop="5dp"
android:layout_below="@id/round_second_omm"
android:src="@drawable/line_small" />

<ImageView
android:id="@+id/round_third_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/bar_second_omm"
android:layout_alignRight="@id/bar_second_omm"
android:layout_below="@id/bar_second_omm"
android:src="@drawable/round"
card_view:ignore="ContentDescription" />

<com.bridgebuilder.app.customviews.BBCustomTextView
android:id="@+id/txt_objective_met"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@id/round_third_omm"
android:gravity="center_vertical"
android:layout_alignTop="@id/round_third_omm"
android:layout_alignBottom="@id/round_third_omm"
android:layout_marginLeft="@dimen/left_margin_to_vertical_bar"
android:layout_marginStart="@dimen/left_margin_to_vertical_bar"
android:text="@string/objective_meet"
android:textSize="@dimen/text_size"
app:fontFace="@string/font_medium" />

<ImageView
android:id="@+id/bar_third_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@id/round_third_omm"
android:layout_marginTop="5dp"
android:layout_below="@id/round_third_omm"
android:src="@drawable/line_small"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignRight="@+id/round_third_omm"
android:layout_alignEnd="@+id/round_third_omm" />

<com.bridgebuilder.app.customviews.BBCustomTextView
android:id="@+id/txt_completed_impressive"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:layout_alignTop="@id/round_fourth_omm"
android:layout_alignBottom="@id/round_fourth_omm"
android:layout_marginLeft="@dimen/left_margin_to_vertical_bar"
android:layout_marginStart="@dimen/left_margin_to_vertical_bar"
android:text="@string/completed_slash_impressive"
android:textSize="@dimen/text_size"
app:fontFace="@string/font_medium" />

<ImageView
android:id="@+id/round_fourth_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/round"
android:layout_alignRight="@+id/bar_third_omm"
android:layout_alignEnd="@+id/bar_third_omm"
android:layout_below="@+id/bar_third_omm"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

</RelativeLayout>

На изображении (ниже изображения) кажется, что между круглым изображением и линией есть пробел, поэтому я хочу перекрывать края изображений, чтобы они выглядели так, как будто они связаны

enter image description here

спросил(а) 2017-03-23T13:13:00+03:00 3 года, 7 месяцев назад
1
Решение
57

Вы установили верхний предел на 5 дп, что может привести к поведению.

Попробуйте удалить это, что должно помочь обеспечить внешний вид, как вы ожидали от вас

Примечание: я предполагаю, что в фактическом изображении нет поля

<ImageView
android:id="@+id/bar_third_omm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@id/round_third_omm"
android:layout_below="@id/round_third_omm"
android:src="@drawable/line_small"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignRight="@+id/round_third_omm"
android:layout_alignEnd="@+id/round_third_omm" />

Удалить границу

ответил(а) 2017-03-23T15:01:00+03:00 3 года, 7 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема