android studio layoutのxmlに関して

前提・実現したいこと

kotlinスタートブックを元にサンプルプログラムにお気に入り機能を追加実装中です。
layoutのxmlファイルからお気に入りボタンを追加したいです。

発生している問題・エラーメッセージ

お気に入りボタンが潰れる？
リストが押せなくなる。

該当のソースコード

以下のImageButtonを追加しました。

view_article.xml
1<?xml version="1.0" encoding="utf-8"?>
2<layout xmlns:android="http://schemas.android.com/apk/res/android"
3    xmlns:bind="http://schemas.android.com/apk/res-auto"
4    xmlns:tools="http://schemas.android.com/tools">
5
6    <data>
7        <variable
8            name="article"
9            type="sample.qiitaclient.model.Article"/>
10    </data>
11
12    <RelativeLayout
13        android:layout_width="match_parent"
14        android:layout_height="wrap_content"
15        android:orientation="vertical"
16        android:padding="16dp">
17
18        <ImageView
19            android:id="@+id/profile_image_view"
20            android:layout_width="60dp"
21            android:layout_height="60dp"
22            bind:imageUrl="@{article.user.profileImageUrl}"
23            tools:background="#f00" />
24
25        <TextView
26            android:id="@+id/title_text_view"
27            android:layout_width="wrap_content"
28            android:layout_height="wrap_content"
29            android:layout_marginStart="16dp"
30            android:layout_toEndOf="@id/profile_image_view"
31            android:ellipsize="end"
32            android:maxLines="2"
33            android:text="@{article.title}"
34            android:textColor="@android:color/black"
35            android:textSize="18sp"
36            tools:text="記事タイトル" />
37
38        <TextView
39            android:id="@+id/user_name_text_view"
40            android:layout_width="wrap_content"
41            android:layout_height="wrap_content"
42            android:layout_alignStart="@id/title_text_view"
43            android:layout_below="@id/title_text_view"
44            android:layout_marginTop="8dp"
45            android:text="@{article.user.name}"
46            android:textColor="@android:color/black"
47            android:textSize="14sp"
48            tools:text="ユーザーの名前" />
49
50<!--以下を追加-->
51        <ImageButton
52            android:id="@+id/favorite_button"
53            android:layout_width="wrap_content"
54            android:layout_height="wrap_content"
55            android:layout_marginStart="320dp"
56            bind:srcCompat="@android:drawable/btn_star_big_on" />
57        
58    </RelativeLayout>
59</layout>

どなたか詳しい方ご教授いただきたいです。

hoshi-takanori

2021/04/11 13:10

画像 (btn_star_big_on？) がつぶれるとのことですが、本当はどう表示したいのでしょうか？リストが押せない件は Kotlin のコードも見てみないと分かりません。ところで、画面の大きさが変わっても大丈夫なように、ImageButton の位置は左端ではなく右端からのマージン (layout_marginEnd) で指定した方が良いのでは。また、その本は古いので RelativeLayout を使ってますが、今は ConstraintLayout を使う方がお勧めです…。