android studio プレビューでは確認できるがエミュや実機だと表示されない

横向き固定で電卓を２つ並べようとしています。
RelativeLayoutを基本枠としてそこに電卓を表示させていますが、プレビュー画面では表示されていますがエミュや実機だと枠だけが表示されており電卓が表示されません。
正しく表示させるにはどうすればよいでしょうか？

Java
1<RelativeLayout
2        android:id="@+id/innerframe"
3        android:layout_width="0dp"
4        android:layout_height="match_parent"
5        android:layout_weight="0.8"
6        android:background="#FFFFFF"
7        android:elevation="20dp"
8        app:layout_constraintBottom_toBottomOf="parent"
9        app:layout_constraintEnd_toEndOf="parent"
10        app:layout_constraintStart_toStartOf="parent"
11        app:layout_constraintTop_toTopOf="parent">
12
13        <Space
14            android:id="@+id/vertical_separator"
15            android:layout_width="0dp"
16            android:layout_height="match_parent"
17            tools:layout_centerHorizontal="true" />
18
19        <LinearLayout
20            android:id="@+id/view_left"
21            android:layout_width="0dp"
22            android:layout_height="match_parent"
23            android:layout_alignEnd="@id/vertical_separator"
24            android:layout_alignParentStart="true"
25            android:layout_alignParentTop="true"
26            android:layout_marginStart="8dp"
27            android:layout_marginTop="4dp"
28            android:layout_marginEnd="8dp"
29            android:layout_marginBottom="8dp"
30            android:orientation="vertical">
31
32            <com.google.android.material.textfield.TextInputLayout
33                android:layout_width="match_parent"
34                android:layout_height="20dp">
35
36                <com.google.android.material.textfield.TextInputEditText
37                    android:layout_width="match_parent"
38                    android:layout_height="wrap_content"
39                    android:gravity="center|start"
40                    android:hint="Calc1"
41                    android:inputType="textPersonName" />
42            </com.google.android.material.textfield.TextInputLayout>
43
44            <TextView
45                android:id="@+id/textView1"
46                android:layout_width="match_parent"
47                android:layout_height="wrap_content"
48                android:gravity="center|end"
49                android:inputType="textPersonName"
50                android:textSize="40sp" />
51
52            <TextView
53                android:id="@+id/textView2"
54                android:layout_width="match_parent"
55                android:layout_height="wrap_content"
56                android:gravity="center|end"
57                android:inputType="textPersonName"
58                android:textSize="20sp" />
59
60            <TableLayout
61                android:layout_width="match_parent"
62                android:layout_height="match_parent">
63
64                <TableRow
65                    android:id="@+id/table4"
66                    android:layout_width="match_parent"
67                    android:layout_height="match_parent">
68
69                    <Button
70                        android:id="@+id/button7"
71                        android:layout_width="match_parent"
72                        android:layout_height="match_parent"
73                        android:layout_weight="1"
74                        android:text="7" />
75
76                    <Button
77                        android:id="@+id/button8"
78                        android:layout_width="match_parent"
79                        android:layout_height="match_parent"
80                        android:layout_weight="1"
81                        android:text="8" />
82
83                    <Button
84                        android:id="@+id/button9"
85                        android:layout_width="match_parent"
86                        android:layout_height="match_parent"
87                        android:layout_weight="1"
88                        android:text="9" />
89
90                </TableRow>
91
92                <TableRow
93                    android:id="@+id/table5"
94                    android:layout_width="match_parent"
95                    android:layout_height="match_parent">
96
97                    <Button
98                        android:id="@+id/button4"
99                        android:layout_width="match_parent"
100                        android:layout_height="match_parent"
101                        android:layout_weight="1"
102                        android:text="4" />
103
104                    <Button
105                        android:id="@+id/button5"
106                        android:layout_width="match_parent"
107                        android:layout_height="match_parent"
108                        android:layout_weight="1"
109                        android:text="5" />
110
111                    <Button
112                        android:id="@+id/button6"
113                        android:layout_width="match_parent"
114                        android:layout_height="match_parent"
115                        android:layout_weight="1"
116                        android:text="6" />
117
118                </TableRow>
119
120                <TableRow
121                    android:id="@+id/table3"
122                    android:layout_width="match_parent"
123                    android:layout_height="match_parent">
124
125                    <Button
126                        android:id="@+id/button1"
127                        android:layout_width="match_parent"
128                        android:layout_height="match_parent"
129                        android:layout_weight="1"
130                        android:text="1" />
131
132                    <Button
133                        android:id="@+id/button2"
134                        android:layout_width="match_parent"
135                        android:layout_height="match_parent"
136                        android:layout_weight="1"
137                        android:text="2" />
138
139                    <Button
140                        android:id="@+id/button3"
141                        android:layout_width="match_parent"
142                        android:layout_height="match_parent"
143                        android:layout_weight="1"
144                        android:text="3" />
145
146                </TableRow>
147
148                <TableRow
149                    android:id="@+id/table2"
150                    android:layout_width="match_parent"
151                    android:layout_height="match_parent">
152
153                    <Button
154                        android:id="@+id/button00"
155                        android:layout_width="match_parent"
156                        android:layout_height="match_parent"
157                        android:layout_weight="1"
158                        android:text="00" />
159
160                    <Button
161                        android:id="@+id/button0"
162                        android:layout_width="match_parent"
163                        android:layout_height="match_parent"
164                        android:layout_weight="1"
165                        android:text="0" />
166
167                    <Button
168                        android:id="@+id/buttondel"
169                        android:layout_width="match_parent"
170                        android:layout_height="match_parent"
171                        android:layout_weight="1"
172                        android:text="c" />
173
174                </TableRow>
175
176                <TableRow
177                    android:id="@+id/table1"
178                    android:layout_width="match_parent"
179                    android:layout_height="match_parent">
180
181                    <Button
182                        android:id="@+id/buttonpl"
183                        android:layout_width="match_parent"
184                        android:layout_height="match_parent"
185                        android:layout_weight="1"
186                        android:text="+" />
187
188                    <Button
189                        android:id="@+id/buttonng"
190                        android:layout_width="match_parent"
191                        android:layout_height="match_parent"
192                        android:layout_weight="1"
193                        android:text="-" />
194
195                    <Button
196                        android:id="@+id/buttoneq"
197                        android:layout_width="match_parent"
198                        android:layout_height="match_parent"
199                        android:layout_weight="1"
200                        android:text="=" />
201
202                </TableRow>
203            </TableLayout>
204
205        </LinearLayout>
206
207        <LinearLayout
208            android:id="@+id/view_right"
209            android:layout_width="0dp"
210            android:layout_height="match_parent"
211            android:layout_alignStart="@id/vertical_separator"
212            android:layout_alignParentTop="true"
213            android:layout_alignParentEnd="true"
214            android:layout_marginStart="8dp"
215            android:layout_marginTop="4dp"
216            android:layout_marginEnd="8dp"
217            android:layout_marginBottom="8dp"
218            android:orientation="vertical">
219
220            <LinearLayout
221                android:layout_width="match_parent"
222                android:layout_height="match_parent"
223                android:orientation="vertical"></LinearLayout>
224        </LinearLayout>
225
226    </RelativeLayout>

jimbe

2021/07/10 09:00

まず、コードは専用の枠（記述方法）がありますので、それを使うように修正して頂けますと助かります。

jimbe

2021/07/10 09:41

電卓を二つ並べるということであれば、電卓一つをフラグメントで作ってそれを並べるというのが良いように思いますが、如何でしょうか。

jimbe

2021/07/10 19:04

修正ありがとうございます。

行動規範の内容に同意します

回答1件

ベストアンサー

まず、android studio のプレビューはあくまで簡易な確認用で、完全再現はされないと思われたほうが良いように思います。

そして、ご提示のレイアウトは RelativeLayout では無く横向き(android:orientation="horizontal") の LinearLayout が良いのではないでしょうか。
中心を示すためだけの Space(id:vertical_separator) を削除し、二つの LinearLayout(id:view_left, id:view_right) それぞれの android:layout_alignXXX 3行を android:layout_weight="1" 1行に置き換えることで、同様のレイアウトになると思います。

投稿2021/07/10 19:04

jimbe

総合スコア13209

you_kawa

2021/07/11 03:15

ありがとうございます。何が原因なのか私では理解できませんが、教えていただいた通りにした時点で表示されるようになりました。この度は親切に対応していただき、ありがとうございました。

jimbe

2021/07/11 04:22

私も「ここが原因」と特定出来てはおりません。ただ、RelativeLayout は「大きさの決まったものを相対的な位置の指定で並べる」為のものという(個人的な)イメージでして、今回のように width="0dp" によって「大きさを親の大きさから決める」指定とは相性(?)が悪いと感じます。また、原因究明も大事ですが、同時に、諦めて別の方法を探して完成させることも大事です。「電卓を並べる」という仕様ですので、並べるためのレイアウトである LinearLayout の使用が適しているように思いました。

行動規範の内容に同意します