カテゴリー:
Android Studio
閲覧数:493 配信日:2018-04-24 13:45
問題発生
「デザインプレビュー」では「ボタン」表示されるのに、「実機デバッグ」する際は「ボタン」が表示されない
ポイント
「デザインプレビュー」内容は、「実機」表示内容と必ずしも一致するわけではない
最初に実行すること
警告もしくはエラーが表示されているはずなので、まず最初に確認する
・右上角に「Show Warnings and Errors」アイコンがあるのでクリック
This view is not constrained. It only has designtime positions, so it will jump to (0,0) at runtime unless you add the constraints The layout editor allows you to place widgets anywhere on the canvas, and it records the current position with designtime attributes (such as layout_editor_absoluteX). These attributes are not applied at runtime, so if you push your layout on a device, the widgets may appear in a different location than shown in the editor. To fix this, make sure a widget has both horizontal and vertical constraints by dragging from the edge connections.
このビューは制約されていません。 制約を追加しない限り、実行時に（0,0）にジャンプします。レイアウトエディタを使用すると、ウィジェットをキャンバス上の任意の場所に配置することができ、designtime属性（layout_editor_absoluteXなど）で現在の位置を記録できます。 。 これらの属性は実行時に適用されないため、デバイス上でレイアウトをプッシュすると、ウィジェットはエディタに表示されていない別の場所に表示されることがあります。 これを修正するには、エッジ接続からドラッグして、ウィジェットが水平と垂直の両方の制約を持っていることを確認します。
原因
制約が足りなかったことが判明
対応案
2種類
・A.手動で制約付与
・B.自動で制約付与
A.手動で制約付与
・エラーとなっているウィジェットの左端をドラッグして、画面左端へくっつければ良い
・左端へドラッグ後、再度希望位置へドラッグ
・垂直指定も付与
・この方法の問題点は、レイアウトによっては期待した通りのレイアウトとならない場合がある(中央配置したウィジェットからの位置のみ指定したい場合)
B.自動で制約付与
・Infer Constraintsボタンを押す
※リンク先の「Infer Constraintsボタン」アイコンは古いため注意が必要。現在のアイコンとは異なる
注意事項
・何れの場合でも、エラー表示が消えることを必ず確認する
※エラー表示が消えるまで繰り返す
コード例
修正前のactivity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<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"
tools:context=".MainActivity">
<TextView
android:id="@+id/timeText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00:00"
android:textSize="60sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="00:00:00" />
<Button
android:id="@+id/start"
android:layout_width="88dp"
android:layout_height="wrap_content"
android:text="start"
tools:layout_editor_absoluteX="131dp"
tools:layout_editor_absoluteY="486dp" />
<Button
android:id="@+id/stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="32dp"
android:layout_marginStart="32dp"
android:layout_marginTop="32dp"
android:text="stop"
app:layout_constraintEnd_toStartOf="@+id/reset"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="@+id/start"
app:layout_constraintTop_toBottomOf="@+id/timeText" />
<Button
android:id="@+id/reset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="reset"
tools:layout_editor_absoluteX="376dp"
tools:layout_editor_absoluteY="485dp" />
</android.support.constraint.ConstraintLayout>
A案で修正後のactivity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<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"
tools:context=".MainActivity">
<TextView
android:id="@+id/timeText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00:00"
android:textSize="60sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="00:00:00" />
<Button
android:id="@+id/start"
android:layout_width="96dp"
android:layout_height="48dp"
android:layout_marginEnd="32dp"
android:layout_marginTop="30dp"
android:text="start"
app:layout_constraintEnd_toStartOf="@+id/stop"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/timeText" />
<Button
android:id="@+id/stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="32dp"
android:layout_marginStart="32dp"
android:layout_marginTop="32dp"
android:text="stop"
app:layout_constraintEnd_toStartOf="@+id/reset"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="@+id/start"
app:layout_constraintTop_toBottomOf="@+id/timeText" />
<Button
android:id="@+id/reset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="33dp"
android:layout_marginTop="32dp"
android:text="reset"
app:layout_constraintStart_toEndOf="@+id/stop"
app:layout_constraintTop_toBottomOf="@+id/timeText" />
</android.support.constraint.ConstraintLayout>
B案で修正後のactivity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<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"
tools:context=".MainActivity">
<TextView
android:id="@+id/timeText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00:00"
android:textSize="60sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="00:00:00" />
<Button
android:id="@+id/start"
android:layout_width="86dp"
android:layout_height="wrap_content"
android:layout_marginEnd="150dp"
android:layout_marginStart="143dp"
android:layout_marginTop="32dp"
android:text="start"
app:layout_constraintEnd_toStartOf="@+id/reset"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/timeText" />
<Button
android:id="@+id/stop"
android:layout_width="86dp"
android:layout_height="wrap_content"
android:layout_marginEnd="32dp"
android:layout_marginStart="32dp"
android:layout_marginTop="32dp"
android:text="stop"
app:layout_constraintEnd_toStartOf="@+id/reset"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toEndOf="@+id/start"
app:layout_constraintTop_toBottomOf="@+id/timeText" />
<Button
android:id="@+id/reset"
android:layout_width="86dp"
android:layout_height="wrap_content"
android:layout_marginEnd="136dp"
android:layout_marginStart="32dp"
android:layout_marginTop="32dp"
android:text="reset"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/start"
app:layout_constraintTop_toBottomOf="@+id/timeText" />
</android.support.constraint.ConstraintLayout>