質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.83%

イメージのXY座標が仮想実行時に無視される

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 362

torisan

score 658

AndroidStudio を昨日から使い始めました。
手始めに↓のサイトを参考に作成しています。
https://akira-watson.com/android/imagebutton.html

<問題点>
イメージのXY座標が仮想実行時に無視される。
プレビューではOK。

<結果>
イメージ説明

実行環境
Windows10 Home 64bit
CPU:Corei7 2G
メモリ:8G

携帯擬似環境
Pixel 3 API 25

<やった事>
Empty Activityでプロジェクトを新規作成し、イメージを一つ追加。
イメージの位置をずらしてビルド→実行。
以下詳細。

・File→New→NewProject
Empty Activity
Language:Java
Minimum APIlevel:API 25:Android 7.1.1(Nougat)

・デスクトップにある『icon.jpg』を
app res drawableにドラッグ&ドロップ→OK
(コンピュータのユーザ名は全て半角文字です)

・app → res → layout の activity_main.xml を
以下の記述に変更。(デフォルトにImageを追加)

<?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:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/icon"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="265dp" />

</android.support.constraint.ConstraintLayout>

・Build → MakeProject →全てレ点、エラーなしの意味と思われる

・Run → Run'app'→Pixel 3 API 25を選択しOK

<聞きたい事>
①画像のX・Y座標が適用されるにはどうしたらよいか?
イメージのXY座標が仮想実行時に無視される。
プレビューではOK。
X・Y座標が初期化されている?

②どの擬似携帯を使用すればよいか?
携帯の環境によるものかと考えた。
https://www.au.com/developer/android/kishu/display/
上記サイトにある一覧で自分の携帯(Qua phone)の仕様を確認した所、
画面 横×縦 720×1280
との記述があったので
ビルド実行時にもこのサイズの物をエミュレートしてやれば良いと思ったのですが、
対象が複数ありどれが該当するのかがわかりません。
イメージ説明
携帯の設定画面では
Androidバージョンは7.1.1という事が確認できたのですが
外観からは『Qua phone』モデルからは『KYV42』という事しか確認できませんでした。

これらにより、現在非常に学習が進め辛くなっています。
ご享受いただければ幸いです、よろしくお願いいたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

ConstraintLayoutにコンポーネントを配置する場合、

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/icon"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="265dp" />


この指定では実行時に意図した配置にはなりません。toolsで表される属性はレイアウトエディター上の表示にのみ反映されるので、実行時には影響しません。

ConstraintLayoutでは、コンポーネントの上下左右辺を親レイアウトや他コンポーネントと接続してその相対距離関係を「制約」することによって位置を決定します。上記の<Button>タグ記述にはその制約が存在しないため、無制約として実行時には左上詰め表示になってしまいます。

レイアウトエディター上でButtonのコンポーネントをマウスカーソルで指してクリックしたり、Designタブを選んでデザインビューにしたときに左下に表示されるComponentsのリストから目的のボタンを選ぶと、四辺に○が描画されるはずです。そこをマウスで指して左ボタンを押してドラッグすると、矢印が伸びていくはずです。これを、親レイアウトや他コンポーネントに接続して位置決めをします。正しく配置するには、最低でも「上下のうち一方」と「左右のうち一方」の二辺が制約されている必要があります。四辺とも制約してもいいし、三辺でもいいし。それは状況によりけりです。


参考にしたサイトの中だと、このページで解説されていますね。
[Android] ConstraintLayout による制約を設定するには | nyan のアプリ開発

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/05/19 11:27

    ありがとうございました。
    2辺を設定することで解決しました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.83%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る