[英]Any way to set barrier at a distance constraint layout or adding margin to a view the side with no constraint?
要在約束布局中為一組視圖設置背景,我們的想法是創建一個View項並將其約束到極端視圖的邊界。 但是,如果一個組僅依賴於右側約束,則無法向左側添加邊距,因此可能設置背景的視圖組不會產生左邊距,
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<import type="android.view.View"/>
<variable
name="audio"
type="example.model.observables.AttachmentObservableModel"/>
</data>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:background="@drawable/selector_chat_row"
>
<include
android:id="@+id/message_preview_layout"
layout="@layout/reply_preview_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:minWidth="160dp"
android:layout_marginLeft="10dp"
app:layout_constraintRight_toLeftOf="@+id/guideline"
app:layout_constraintTop_toTopOf="parent" />
<android.support.constraint.Barrier
android:id="@+id/left_barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="left"
app:constraint_referenced_ids="play_pause,message_preview_layout" />
<View
android:id="@+id/view"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@drawable/chat_me_background"
app:layout_constraintBottom_toBottomOf="@+id/play_pause"
app:layout_constraintLeft_toLeftOf="@+id/left_barrier"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageButton
android:id="@+id/play_pause"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="10dp"
android:background="@null"
android:enabled="@{!(audio.filePath == null || audio.filePath.isEmpty())}"
android:onClick="@{() -> audio.playing? audio.onPausePressed(): audio.onPlayPressed()}"
android:paddingLeft="10dp"
android:paddingBottom="10dp"
android:src="@{audio.playing? @drawable/ic_pause_circle_filled: @drawable/ic_play_arrow}"
app:layout_constraintRight_toLeftOf="@+id/seekbar"
app:layout_constraintTop_toBottomOf="@+id/message_preview_layout" />
<android.support.v7.widget.AppCompatSeekBar
android:id="@+id/seekbar"
android:layout_width="170dp"
android:layout_height="wrap_content"
android:layout_marginRight="10dp"
android:enabled="@{!(audio.filePath == null || audio.filePath.isEmpty() || !audio.playing)}"
android:max="@{audio.max}"
android:onProgressChanged="@{audio::onProgressChanged}"
android:paddingStart="10dp"
android:paddingRight="10dp"
android:paddingBottom="10dp"
android:progress="@{audio.progress}"
android:progressTint="@color/selected"
android:secondaryProgressTint="@color/colorAccent"
android:thumbTint="@color/colorWhite"
app:layout_constraintBottom_toBottomOf="@+id/play_pause"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="@+id/play_pause" />
<ProgressBar
android:id="@+id/progress"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminateTint="@color/color_offline"
android:visibility="@{(audio.filePath == null ||audio.filePath.isEmpty())? View.VISIBLE:View.GONE}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="@+id/play_pause"
app:layout_constraintRight_toRightOf="@+id/seekbar"
app:layout_constraintTop_toTopOf="parent"
style="?android:attr/progressBarStyleSmall"/>
<android.support.constraint.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_end="15dp"
/>
</android.support.constraint.ConstraintLayout>
</layout>
這里我想在左側有一些填充,其中“view”是所有視圖的背景,但頂部Constraint布局具有不同的背景。 目前它看起來像這樣
找到了解決方案。
在屏障左側添加一個空視圖,寬度為所需的填充。
<View
android:id="@+id/left_view"
android:layout_width="15dp"
android:layout_height="1dp"
app:layout_constraintRight_toLeftOf="@+id/left_barrier"/>
現在將背景視圖的左側設置為此視圖的左側。 即改變
<View
android:id="@+id/view"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@drawable/chat_me_background"
app:layout_constraintBottom_toBottomOf="@+id/play_pause"
app:layout_constraintLeft_toLeftOf="@+id/left_barrier"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
至
<View
android:id="@+id/view"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@drawable/chat_me_background"
app:layout_constraintBottom_toBottomOf="@+id/play_pause"
app:layout_constraintLeft_toLeftOf="@+id/left_view"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.