teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問デザインの配置について（レイアウト）

編集履歴

質問編集履歴

7

画像削除

2016/10/06 04:22

投稿

SmartBuzz
SmartBuzz

スコア81

test CHANGED
File without changes
test CHANGED
@@ -1,11 +1,3 @@
1
- ![イメージ説明](46d2ae73084235cb927f76ddc7251ce5.png)
2
-
3
- 既存のこのアプリ画面の緑とItem1の間に、タブメニューを追加しようとしています。
4
-
5
-
6
-
7
- そこで、Item8のスペースを削って、その分タブメニューを追加してItem1から下を全部ずらそうと思っています。
8
-
9
1
  ```ここに言語を入力
10
2
 
11
3
  <FrameLayout

6

修正

2016/10/06 04:22

投稿

SmartBuzz
SmartBuzz

スコア81

test CHANGED
File without changes
test CHANGED
@@ -252,62 +252,54 @@
252
252
 
253
253
  ```ここに言語を入力
254
254
 
255
- <android.support.design.widget.AppBarLayout
256
-
257
- android:layout_width="match_parent"
258
-
259
- android:layout_height="wrap_content"
260
-
261
- android:theme="@style/AppTheme.AppBarOverlay">
262
-
263
-
264
-
265
- <android.support.v7.widget.Toolbar
266
-
267
- android:id="@+id/toolbar"
268
-
269
- android:layout_width="match_parent"
270
-
271
- android:layout_height="?attr/actionBarSize"
272
-
273
- android:background="?attr/colorPrimary"
274
-
275
- app:popupTheme="@style/AppTheme.PopupOverlay"/>
276
-
277
-
278
-
279
- </android.support.design.widget.AppBarLayout>
280
-
281
255
 
282
256
 
283
257
  <TabHost
284
258
 
259
+
260
+
285
- android:layout_width="match_parent"
261
+ android:layout_width="match_parent"
286
-
262
+
287
- android:layout_height="match_parent">
263
+ android:layout_height="match_parent"
264
+
265
+ android:id="@android:id/tabcontent"
266
+
267
+ android:layout_alignParentTop="true"
268
+
269
+ android:layout_alignParentStart="true">
270
+
271
+
272
+
273
+ <LinearLayout
274
+
275
+ android:layout_width="match_parent"
276
+
277
+ android:layout_height="wrap_content"
278
+
279
+ android:orientation="vertical">
288
280
 
289
281
 
290
282
 
291
283
  <TabWidget
292
284
 
285
+ android:id="@android:id/tabs"
286
+
287
+ android:layout_width="match_parent"
288
+
289
+ android:layout_height="wrap_content" ></TabWidget>
290
+
291
+
292
+
293
+ <FrameLayout
294
+
295
+
296
+
293
297
  android:layout_width="match_parent"
294
298
 
295
299
  android:layout_height="match_parent">
296
300
 
297
301
 
298
302
 
299
- </TabWidget>
300
-
301
-
302
-
303
- <FrameLayout
304
-
305
- android:layout_width="match_parent"
306
-
307
- android:layout_height="match_parent">
308
-
309
-
310
-
311
303
  <ListView
312
304
 
313
305
  android:id="@+id/list_collection"
@@ -320,6 +312,8 @@
320
312
 
321
313
  </FrameLayout>
322
314
 
315
+ </LinearLayout>
316
+
323
317
  </TabHost>
324
318
 
325
319
  </LinearLayout>

5

編集

2016/10/05 06:52

投稿

SmartBuzz
SmartBuzz

スコア81

test CHANGED
File without changes
test CHANGED
@@ -278,18 +278,28 @@
278
278
 
279
279
  </android.support.design.widget.AppBarLayout>
280
280
 
281
+
282
+
281
- <TabHost
283
+ <TabHost
282
-
283
- android:layout_width="match_parent"
284
-
285
- android:layout_height="match_parent">
286
-
287
- <TabWidget
288
284
 
289
285
  android:layout_width="match_parent"
290
286
 
291
287
  android:layout_height="match_parent">
292
288
 
289
+
290
+
291
+ <TabWidget
292
+
293
+ android:layout_width="match_parent"
294
+
295
+ android:layout_height="match_parent">
296
+
297
+
298
+
299
+ </TabWidget>
300
+
301
+
302
+
293
303
  <FrameLayout
294
304
 
295
305
  android:layout_width="match_parent"
@@ -310,13 +320,7 @@
310
320
 
311
321
  </FrameLayout>
312
322
 
313
- </TabWidget>
314
-
315
-
316
-
317
- </TabHost>
323
+ </TabHost>
318
-
319
-
320
324
 
321
325
  </LinearLayout>
322
326
 

4

修正コード追記

2016/10/05 06:00

投稿

SmartBuzz
SmartBuzz

スコア81

test CHANGED
File without changes
test CHANGED
@@ -247,3 +247,77 @@
247
247
  </LinearLayout>
248
248
 
249
249
  ```
250
+
251
+
252
+
253
+ ```ここに言語を入力
254
+
255
+ <android.support.design.widget.AppBarLayout
256
+
257
+ android:layout_width="match_parent"
258
+
259
+ android:layout_height="wrap_content"
260
+
261
+ android:theme="@style/AppTheme.AppBarOverlay">
262
+
263
+
264
+
265
+ <android.support.v7.widget.Toolbar
266
+
267
+ android:id="@+id/toolbar"
268
+
269
+ android:layout_width="match_parent"
270
+
271
+ android:layout_height="?attr/actionBarSize"
272
+
273
+ android:background="?attr/colorPrimary"
274
+
275
+ app:popupTheme="@style/AppTheme.PopupOverlay"/>
276
+
277
+
278
+
279
+ </android.support.design.widget.AppBarLayout>
280
+
281
+ <TabHost
282
+
283
+ android:layout_width="match_parent"
284
+
285
+ android:layout_height="match_parent">
286
+
287
+ <TabWidget
288
+
289
+ android:layout_width="match_parent"
290
+
291
+ android:layout_height="match_parent">
292
+
293
+ <FrameLayout
294
+
295
+ android:layout_width="match_parent"
296
+
297
+ android:layout_height="match_parent">
298
+
299
+
300
+
301
+ <ListView
302
+
303
+ android:id="@+id/list_collection"
304
+
305
+ android:layout_width="match_parent"
306
+
307
+ android:layout_height="match_parent"/>
308
+
309
+
310
+
311
+ </FrameLayout>
312
+
313
+ </TabWidget>
314
+
315
+
316
+
317
+ </TabHost>
318
+
319
+
320
+
321
+ </LinearLayout>
322
+
323
+ ```

3

追記

2016/10/05 05:36

投稿

SmartBuzz
SmartBuzz

スコア81

test CHANGED
File without changes
test CHANGED
@@ -153,3 +153,97 @@
153
153
  </LinearLayout>
154
154
 
155
155
  ```
156
+
157
+
158
+
159
+ ＜追記＞
160
+
161
+ ```ここに言語を入力
162
+
163
+ <?xml version="1.0" encoding="utf-8"?>
164
+
165
+ <LinearLayout
166
+
167
+ xmlns:android="http://schemas.android.com/apk/res/android"
168
+
169
+ xmlns:app="http://schemas.android.com/apk/res-auto"
170
+
171
+ xmlns:tools="http://schemas.android.com/tools"
172
+
173
+ android:id="@+id/root"
174
+
175
+ android:layout_width="match_parent"
176
+
177
+ android:layout_height="match_parent"
178
+
179
+ android:orientation="vertical"
180
+
181
+ android:fitsSystemWindows="true"
182
+
183
+ tools:context="com.xxxxx.xxxxxxx.activity.xxxxxxActivity">
184
+
185
+
186
+
187
+ <android.support.design.widget.AppBarLayout
188
+
189
+ android:layout_width="match_parent"
190
+
191
+ android:layout_height="wrap_content"
192
+
193
+ android:theme="@style/AppTheme.AppBarOverlay">
194
+
195
+
196
+
197
+ <android.support.v7.widget.Toolbar
198
+
199
+ android:id="@+id/toolbar"
200
+
201
+ android:layout_width="match_parent"
202
+
203
+ android:layout_height="?attr/actionBarSize"
204
+
205
+ android:background="?attr/colorPrimary"
206
+
207
+ app:popupTheme="@style/AppTheme.PopupOverlay"/>
208
+
209
+
210
+
211
+ </android.support.design.widget.AppBarLayout>
212
+
213
+
214
+
215
+ <TabHost
216
+
217
+ android:layout_width="match_parent"
218
+
219
+ android:layout_height="match_parent">
220
+
221
+ </TabHost>
222
+
223
+
224
+
225
+ <FrameLayout
226
+
227
+ android:layout_width="match_parent"
228
+
229
+ android:layout_height="match_parent">
230
+
231
+
232
+
233
+ <ListView
234
+
235
+ android:id="@+id/list_collection"
236
+
237
+ android:layout_width="match_parent"
238
+
239
+ android:layout_height="match_parent"/>
240
+
241
+
242
+
243
+ </FrameLayout>
244
+
245
+
246
+
247
+ </LinearLayout>
248
+
249
+ ```

2

コードの追記

2016/10/05 04:55

投稿

SmartBuzz
SmartBuzz

スコア81

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  そこで、Item8のスペースを削って、その分タブメニューを追加してItem1から下を全部ずらそうと思っています。
8
8
 
9
-
9
+ ```ここに言語を入力
10
10
 
11
11
  <FrameLayout
12
12
 
@@ -38,6 +38,8 @@
38
38
 
39
39
  </LinearLayout>
40
40
 
41
+ ```
42
+
41
43
 
42
44
 
43
45
 
@@ -67,3 +69,87 @@
67
69
 
68
70
 
69
71
  よろしくお願いします。
72
+
73
+
74
+
75
+ ＜追記＞
76
+
77
+ ```ここに言語を入力
78
+
79
+ <?xml version="1.0" encoding="utf-8"?>
80
+
81
+ <LinearLayout
82
+
83
+ xmlns:android="http://schemas.android.com/apk/res/android"
84
+
85
+ xmlns:app="http://schemas.android.com/apk/res-auto"
86
+
87
+ xmlns:tools="http://schemas.android.com/tools"
88
+
89
+ android:id="@+id/root"
90
+
91
+ android:layout_width="match_parent"
92
+
93
+ android:layout_height="match_parent"
94
+
95
+ android:orientation="vertical"
96
+
97
+ android:fitsSystemWindows="true"
98
+
99
+ tools:context="com.xxxxx.xxxxxxx.activity.xxxxxxActivity">
100
+
101
+
102
+
103
+ <android.support.design.widget.AppBarLayout
104
+
105
+ android:layout_width="match_parent"
106
+
107
+ android:layout_height="wrap_content"
108
+
109
+ android:theme="@style/AppTheme.AppBarOverlay">
110
+
111
+
112
+
113
+ <android.support.v7.widget.Toolbar
114
+
115
+ android:id="@+id/toolbar"
116
+
117
+ android:layout_width="match_parent"
118
+
119
+ android:layout_height="?attr/actionBarSize"
120
+
121
+ android:background="?attr/colorPrimary"
122
+
123
+ app:popupTheme="@style/AppTheme.PopupOverlay"/>
124
+
125
+
126
+
127
+ </android.support.design.widget.AppBarLayout>
128
+
129
+
130
+
131
+ <FrameLayout
132
+
133
+ android:layout_width="match_parent"
134
+
135
+ android:layout_height="match_parent">
136
+
137
+
138
+
139
+ <ListView
140
+
141
+ android:id="@+id/list_collection"
142
+
143
+ android:layout_width="match_parent"
144
+
145
+ android:layout_height="match_parent"/>
146
+
147
+
148
+
149
+ </FrameLayout>
150
+
151
+
152
+
153
+ </LinearLayout>
154
+
155
+ ```

1

追記

2016/10/05 04:36

投稿

SmartBuzz
SmartBuzz

スコア81

test CHANGED
File without changes
test CHANGED
@@ -49,3 +49,21 @@
49
49
 
50
50
 
51
51
  ご教授のほどよろしくお願いいたします。
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+ ＜追記＞
60
+
61
+ 今回タブの実現方法がまったく持って違っていました…。
62
+
63
+ できましたら、TabHostを使いたいと思っています。
64
+
65
+ 既存のXMLをどうTabHostに入れ込めばいいかご教授いただきたいです。
66
+
67
+
68
+
69
+ よろしくお願いします。