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

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

ただいまの
回答率

89.52%

横幅が収まるようにxmlで定義したい

解決済

回答 1

投稿

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

jun74

score 316

前提・実現したいこと

該当のソースコードの「横幅が収まらずにイメージボタンのみ、はみ出す定義」で
イメージボタンもはみ出さないように定義したいが定義方法が分からない。
今は「横幅が収まる定義」で妥協しているが、収まらない定義を収まるようにしたい。

該当のソースコード

横幅が収まる定義

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/row_layout"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/listselector"
    >
    <Switch
        android:id="@+id/sw_alarm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="15dp"
        android:layout_marginLeft="5dp"/>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/t_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:layout_marginBottom="5dp"
                android:layout_marginRight="10dp"
                android:textSize="30sp" />
            <TextView
                android:id="@+id/t_alarm_name"
                android:maxLines="2"
                android:scrollHorizontally="true"
                android:ellipsize="end"
                android:gravity="center_vertical|end"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:textSize="16sp" />
            <ImageButton
                android:id="@+id/ib_menu"
                android:src="@drawable/menu_icon"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:scaleType="fitCenter"
                android:background="@drawable/listselector"
                />
        </LinearLayout>
        <TextView
            android:id="@+id/t_week"
            android:text="月、火、水、木、金、土、日"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:layout_marginRight="10dp"
            android:textSize="16sp" />
    </LinearLayout>
</LinearLayout>

横幅が収まらずにイメージボタンのみ、はみ出す定義

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/row_layout"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/listselector"
    >
    <Switch
        android:id="@+id/sw_alarm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="15dp"
        android:layout_marginLeft="5dp"/>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/t_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:layout_marginBottom="5dp"
                android:layout_marginRight="10dp"
                android:textSize="30sp" />
            <TextView
                android:id="@+id/t_alarm_name"
                android:maxLines="2"
                android:scrollHorizontally="true"
                android:ellipsize="end"
                android:gravity="center_vertical|end"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:textSize="16sp" />
        </LinearLayout>
        <TextView
            android:id="@+id/t_week"
            android:text="月、火、水、木、金、土、日"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:layout_marginRight="10dp"
            android:textSize="16sp" />
    </LinearLayout>
    <ImageButton
        android:id="@+id/ib_menu"
        android:src="@drawable/menu_icon"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:scaleType="fitCenter"
        android:background="@drawable/listselector"
        />
</LinearLayout>

補足情報(FW/ツールのバージョンなど)

Android Studio3.4
API14から28対象でターゲットは28

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

checkベストアンサー

+1

何故はみ出すかというと、LinearLayoutの子要素 (Switch, LinearLayout, ImageButton) のlayout_widthはそれぞれwrap_content, match_parent, 40dpとなっているので、
Switchが適当な大きさで置かれる→LinearLayoutが残り横幅いっぱい取ってしまう→ImageButtonを置こうにも、SwitchとLinearLayoutで埋まっている、というのが原因です。

どの割合で置くか決まっているなら、Switch, LinearLayoutに対し、layout_width="0dp" と layout_weight="x" (xは占める割合に置き換える) を設定してあげてください。
ImageButtonは40dpと決められているので、そのままでいいです。
こうすることで、サイズが決まっているImageButtonを覗いた余白を埋めるように大きさが設定されます。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2019/08/18 11:15

    はみ出すレイアウトの上から2つ目のLinearLayoutを以下のようにしたら、収まるようになりました。
    ありがとうございました。
    <LinearLayout
    android:orientation="vertical"
    android:layout_weight="1"
    android:layout_width="0dp"
    android:layout_height="wrap_content">

    キャンセル

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

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