###実現したいこと
現在、WhatAppなどのチャットアプリの作成にチャレンジしています。
今、ユーザーとのチャット部分を作っているのですが、レイアウトで躓いています。
現在のレイアウトが下記の画像です。
問題なのは、メッセージ入力部分とリストビューとかぶってしまっていて見栄えがとても悪い状態です。
色々やってみたのですが、解決できませんでした。
どなたかお力を貸していただけないでしょうか?
###ソースコード
xml
1<?xml version="1.0" encoding="utf-8"?> 2<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:app="http://schemas.android.com/apk/res-auto" 4 xmlns:tools="http://schemas.android.com/tools" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 android:fitsSystemWindows="true" 8 tools:context=""> 9 10 <android.support.design.widget.AppBarLayout 11 android:layout_width="match_parent" 12 android:layout_height="wrap_content" 13 android:theme="@style/AppTheme.AppBarOverlay"> 14 15 <android.support.v7.widget.Toolbar 16 android:id="@+id/toolbar" 17 android:layout_width="match_parent" 18 android:layout_height="?attr/actionBarSize" 19 android:background="?attr/colorPrimary" 20 app:popupTheme="@style/AppTheme.PopupOverlay" /> 21 22 </android.support.design.widget.AppBarLayout> 23 24 <include layout="@layout/content_chat" /> 25 26 <android.support.design.widget.TextInputLayout 27 android:id="@+id/text_input_layout" 28 android:layout_width="300sp" 29 android:layout_height="wrap_content" 30 android:layout_gravity="bottom|start" 31 android:layout_marginBottom="10sp" 32 android:layout_marginStart="10sp"> 33 34 <EditText 35 android:layout_width="match_parent" 36 android:layout_height="wrap_content" /> 37 38 </android.support.design.widget.TextInputLayout> 39 40 <android.support.design.widget.FloatingActionButton 41 android:id="@+id/fab" 42 android:layout_width="wrap_content" 43 android:layout_height="wrap_content" 44 android:layout_gravity="bottom|end" 45 android:layout_margin="@dimen/fab_margin" 46 android:src="@drawable/ic_send_white_24dp" /> 47 48</android.support.design.widget.CoordinatorLayout> 49
xml
1<?xml version="1.0" encoding="utf-8"?> 2<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:app="http://schemas.android.com/apk/res-auto" 4 xmlns:tools="http://schemas.android.com/tools" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 android:paddingBottom="@dimen/activity_vertical_margin" 8 android:paddingLeft="@dimen/activity_horizontal_margin" 9 android:paddingRight="@dimen/activity_horizontal_margin" 10 android:paddingTop="@dimen/activity_vertical_margin" 11 app:layout_behavior="@string/appbar_scrolling_view_behavior" 12 tools:context="si.q2.intrachat.ChatActivity" 13 tools:showIn="@layout/activity_chat"> 14 15 <ListView 16 android:id="@+id/listView" 17 android:layout_width="wrap_content" 18 android:layout_height="wrap_content" /> 19</RelativeLayout> 20
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/10/31 09:53
2015/10/31 10:39
退会済みユーザー
2015/10/31 12:19
2015/10/31 13:00
退会済みユーザー
2015/11/01 09:39
2015/11/01 09:55