2017-05-25 24 views
3

新しいConstraintLayoutについて知りたいので、iOSデベロッパーがうまくいくようです。ANDROID:ConstraintLayout:layout_constraintVertical_biasが期待通りに動作しない

この私がやろうとしています何私の見解enter image description here

が右40上の青、40%以下の青色の縦軸(そうピンク60%、上のわずかに異なるサイズのように4つの正方形を取得することです%、黒60%)

layout_constraintVertical_bias上に読んで、これは私が欲しいものを行う必要がありますしかし、私が重量が行ったようにapp:layout_constraintVertical_biasは、(そのビューの成長率を制御することを間違ってアム何

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/left_guideline" 
     android:orientation="vertical" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="58dp" 
     app:layout_constraintGuide_percent="0.16111112" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/right_guideline" 
     app:layout_constraintGuide_percent="0.85" 
     android:orientation="vertical" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="306dp" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/bottom_guideline" 
     app:layout_constraintGuide_percent="0.85" 
     android:orientation="horizontal" 
     tools:layout_editor_absoluteY="434dp" 
     tools:layout_editor_absoluteX="0dp" /> 

    <ImageButton 
     android:id="@+id/yourStoryButton" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:layout_marginBottom="8dp" 
     android:layout_marginTop="8dp" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintHorizontal_bias="0.0" 
     app:layout_constraintLeft_toLeftOf="@+id/left_guideline" 
     app:layout_constraintRight_toLeftOf="@+id/right_guideline" 
     app:layout_constraintTop_toTopOf="@+id/bottom_guideline" 
     app:layout_constraintVertical_bias="0.0" /> 

    <ImageButton 
     style="?android:attr/borderlessButtonStyle" 
     android:padding="0dp" 
     android:id="@+id/leftTopButton" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/leftBottomButton" 
     app:layout_constraintLeft_toRightOf="@+id/left_main_guideline" 
     app:layout_constraintRight_toLeftOf="@+id/rightTopButton" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintVertical_bias="0.6" 
     app:srcCompat="@color/colorAccent" /> 

    <ImageButton 
     style="?android:attr/borderlessButtonStyle" 
     android:padding="0dp" 
     android:id="@+id/rightTopButton" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/rightBottomButton" 
     app:layout_constraintLeft_toRightOf="@+id/leftTopButton" 
     app:layout_constraintRight_toLeftOf="@+id/right_main_guideline" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintVertical_bias="0.4" 
     app:srcCompat="@color/colorPrimary" /> 

    <ImageButton 
     style="?android:attr/borderlessButtonStyle" 
     android:padding="0dp" 
     android:id="@+id/leftBottomButton" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/bottom_guideline" 
     app:layout_constraintTop_toBottomOf="@+id/leftTopButton" 
     app:layout_constraintLeft_toRightOf="@+id/left_main_guideline" 
     app:layout_constraintRight_toLeftOf="@+id/rightBottomButton" 
     app:layout_constraintVertical_bias="0.4" 
     app:srcCompat="@color/colorPrimaryDark" /> 

    <ImageButton 
     android:id="@+id/rightBottomButton" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:padding="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/bottom_guideline" 
     app:layout_constraintLeft_toRightOf="@+id/leftBottomButton" 
     app:layout_constraintRight_toLeftOf="@+id/right_main_guideline" 
     app:layout_constraintTop_toBottomOf="@+id/rightTopButton" 
     app:layout_constraintVertical_bias="0.6" 

     app:srcCompat="@android:color/background_dark" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/left_main_guideline" 
     android:orientation="vertical" 
     app:layout_constraintGuide_percent="0.0" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="0dp" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/right_main_guideline" 
     android:orientation="vertical" 
     app:layout_constraintGuide_percent="1.0" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="360dp" /> 

</android.support.constraint.ConstraintLayout> 

もしないようです)

答えて

2

よりもむしろlayout_constraintVertical_biasセット嬉しいこのlayout_constraintVertical_weight

+0

それは完全に動作します(私自身の答えを書いていました)。layout_constraintVertical_biasが実際に何をしているか分かりますか? – Burf2000

+1

親がビューのサイズよりもその特定の軸にもっと多くのスペースを持っている場合、デフォルトでは、バイアスは0.5であり、中央に配置されています。特定の方向に整列させる場合は、biasを使用します。バイアスセクションでhttps://developer.android.com/reference/android/support/constraint/ConstraintLayout.htmlをよく見てください。 – Sac

+0

ありがとう、非常に役に立ちます:) – Burf2000

1

だから、私はまだ何をすべきかlayout_constraintVertical_biasに困惑しています、しかしapp:layout_constraintVertical_weightは、私はlayout_constraintVertical_bias

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/left_guideline" 
     android:orientation="vertical" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="58dp" 
     app:layout_constraintGuide_percent="0.16111112" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/right_guideline" 
     app:layout_constraintGuide_percent="0.85" 
     android:orientation="vertical" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="306dp" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/bottom_guideline" 
     app:layout_constraintGuide_percent="0.85" 
     android:orientation="horizontal" 
     tools:layout_editor_absoluteY="434dp" 
     tools:layout_editor_absoluteX="0dp" /> 

    <ImageButton 
     android:id="@+id/yourStoryButton" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:layout_marginBottom="8dp" 
     android:layout_marginTop="8dp" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintHorizontal_bias="0.0" 
     app:layout_constraintLeft_toLeftOf="@+id/left_guideline" 
     app:layout_constraintRight_toLeftOf="@+id/right_guideline" 
     app:layout_constraintTop_toTopOf="@+id/bottom_guideline" 
     app:layout_constraintVertical_bias="0.0" /> 

    <ImageButton 
     style="?android:attr/borderlessButtonStyle" 
     android:padding="0dp" 
     android:id="@+id/leftTopButton" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/leftBottomButton" 
     app:layout_constraintLeft_toRightOf="@+id/left_main_guideline" 
     app:layout_constraintRight_toLeftOf="@+id/rightTopButton" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintVertical_weight="0.6" 
     app:srcCompat="@color/colorAccent" /> 

    <ImageButton 
     android:id="@+id/rightTopButton" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:padding="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/rightBottomButton" 
     app:layout_constraintLeft_toRightOf="@+id/leftTopButton" 
     app:layout_constraintRight_toLeftOf="@+id/right_main_guideline" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintVertical_weight="0.4" 
     app:srcCompat="@android:color/holo_orange_dark" /> 

    <ImageButton 
     style="?android:attr/borderlessButtonStyle" 
     android:padding="0dp" 
     android:id="@+id/leftBottomButton" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/bottom_guideline" 
     app:layout_constraintTop_toBottomOf="@+id/leftTopButton" 
     app:layout_constraintLeft_toRightOf="@+id/left_main_guideline" 
     app:layout_constraintRight_toLeftOf="@+id/rightBottomButton" 
     app:layout_constraintVertical_weight="0.4" 
     app:srcCompat="@color/colorPrimaryDark" /> 

    <ImageButton 
     android:id="@+id/rightBottomButton" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:padding="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/bottom_guideline" 
     app:layout_constraintLeft_toRightOf="@+id/leftBottomButton" 
     app:layout_constraintRight_toLeftOf="@+id/right_main_guideline" 
     app:layout_constraintTop_toBottomOf="@+id/rightTopButton" 
     app:layout_constraintVertical_weight="0.6" 
     app:srcCompat="@android:color/background_dark" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/left_main_guideline" 
     android:orientation="vertical" 
     app:layout_constraintGuide_percent="0.0" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="0dp" /> 

    <android.support.constraint.Guideline 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/right_main_guideline" 
     android:orientation="vertical" 
     app:layout_constraintGuide_percent="1.0" 
     tools:layout_editor_absoluteY="0dp" 
     tools:layout_editor_absoluteX="360dp" /> 

</android.support.constraint.ConstraintLayout> 
+1

ああ、あなたはそれを見つけたの設定を行うには期待したものでした。 – Sac

関連する問題