如何在上面的卡片视图中删除多余的 space
How to remove extra space in Card View above
CardView 中有一个额外的 space ....我试图删除它上面的线性布局,但它扭曲了其中的内容 n fitsSystemWindows 属性也不起作用。
n 它适用于 Pre 和 Post 棒棒糖版本
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_gravity="fill_vertical">
<include layout="@layout/app_bar"/>
<Space
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_gravity="center_horizontal"/>
<ListView
android:stackFromBottom="true"
android:layout_gravity="fill_vertical"
android:id="@+id/messages_list"
android:layout_weight="100"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="@null"/>
<LinearLayout
android:animateLayoutChanges="true"
android:layout_gravity="bottom"
android:id="@+id/linearsend"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:cardCornerRadius="3dp"
android:layout_gravity="fill_horizontal"
android:layout_height="60dp"
android:elevation="2dp"
android:background="#c8ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:scrollbars="vertical">
<ImageView
android:id="@+id/imageSimly"
android:layout_margin="4dp"
android:layout_marginEnd="12dp"
android:layout_width="33dp"
android:layout_height="33dp"
android:layout_gravity="center|start"
android:src="@drawable/ic_mood_24dp"/>
<hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
xmlns:emojicon="http://schemas.android.com/apklib/hani.momanii.supernova_emoji_library.Helper.EmojiconEditText"
android:id="@+id/new_messagee"
android:layout_gravity="center"
android:gravity="center_vertical"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textColor="#778BB0"
android:singleLine="true"
android:textColorHint="#778BB0"
android:hint="type a message..."
android:textSize="18sp"
emojicon:emojiconSize="20sp" />
<android.support.design.widget.FloatingActionButton
android:layout_gravity="center|end"
android:elevation="2dp"
android:layout_width="40dp"
android:layout_height="40dp"
android:scaleType="center"
android:id="@+id/fabSend"
android:src="@drawable/ic_send_24dp"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
</LinearLayout>
在XML文件中添加
xmlns:card_view="http://schemas.android.com/apk/res-auto"
card_view:contentPadding="-3dp"
也添加下面一行,但它是可选的,但可以在卡片视图中使用
card_view:cardPreventCornerOverlap="false"
如果有人找到更好的解决方案请通知
所以,我有一个临时解决方案.. 正如@Jay Patel 所说,我有了一个想法并且
将最外层布局设置为框架布局,因为 space 我认为是由于列表视图,
N(我没有设置margin bottom)
所以,代码是..
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ListView
android:stackFromBottom="true"
android:id="@+id/messages_list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="@null"
android:layout_marginBottom="60dp"
android:layout_marginTop="59dp"/>
<LinearLayout
android:animateLayoutChanges="true"
android:layout_gravity="bottom"
android:id="@+id/linearsend"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:cardCornerRadius="3dp"
android:layout_gravity="fill_horizontal"
android:layout_height="60dp"
android:elevation="2dp"
android:background="#c8ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:scrollbars="vertical">
<ImageView
android:id="@+id/imageSimly"
android:layout_margin="4dp"
android:layout_marginEnd="12dp"
android:layout_width="33dp"
android:layout_height="33dp"
android:layout_gravity="center|start"
android:src="@drawable/ic_mood_24dp"/>
<hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
xmlns:emojicon="http://schemas.android.com/apklib/hani.momanii.supernova_emoji_library.Helper.EmojiconEditText"
android:id="@+id/new_messagee"
android:layout_gravity="center"
android:gravity="center_vertical"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textColor="#778BB0"
android:singleLine="true"
android:textColorHint="#778BB0"
android:hint="type a message..."
android:textSize="18sp"
emojicon:emojiconSize="20sp" />
<android.support.design.widget.FloatingActionButton
android:layout_gravity="center|end"
android:elevation="2dp"
android:layout_width="40dp"
android:layout_height="40dp"
android:scaleType="center"
android:id="@+id/fabSend"
android:src="@drawable/ic_send_24dp"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
<include layout="@layout/app_bar"/>
</FrameLayout>
试试这个代码:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="1"
android:layout_gravity="fill_vertical" xmlns:android="http://schemas.android.com/apk/res/android">
<include layout="@layout/app_bar"/>
<Space
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_gravity="center_horizontal"/>
<ListView
android:stackFromBottom="true"
android:layout_gravity="fill_vertical"
android:id="@+id/messages_list"
android:layout_weight="0.8"
android:layout_width="match_parent"
android:layout_height="0dp"
android:divider="@null"/>
<LinearLayout
android:animateLayoutChanges="true"
android:layout_gravity="bottom"
android:id="@+id/linearsend"
android:layout_weight="0.2"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="0dp"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:cardCornerRadius="3dp"
android:layout_gravity="fill_horizontal"
android:layout_height="60dp"
android:elevation="2dp"
android:background="#c8ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:scrollbars="vertical">
<ImageView
android:id="@+id/imageSimly"
android:layout_margin="4dp"
android:layout_marginEnd="12dp"
android:layout_width="33dp"
android:layout_height="33dp"
android:layout_gravity="center|start"
android:src="@drawable/ic_mood_24dp"/>
<hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
xmlns:emojicon="http://schemas.android.com/apklib/hani.momanii.supernova_emoji_library.Helper.EmojiconEditText"
android:id="@+id/new_messagee"
android:layout_gravity="center"
android:gravity="center_vertical"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textColor="#778BB0"
android:singleLine="true"
android:textColorHint="#778BB0"
android:hint="type a message..."
android:textSize="18sp"
emojicon:emojiconSize="20sp" />
<android.support.design.widget.FloatingActionButton
android:layout_gravity="center|end"
android:elevation="2dp"
android:layout_width="40dp"
android:layout_height="40dp"
android:scaleType="center"
android:id="@+id/fabSend"
android:src="@drawable/ic_send_24dp"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
</LinearLayout>
CardView 中有一个额外的 space ....我试图删除它上面的线性布局,但它扭曲了其中的内容 n fitsSystemWindows 属性也不起作用。
n 它适用于 Pre 和 Post 棒棒糖版本
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_gravity="fill_vertical">
<include layout="@layout/app_bar"/>
<Space
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_gravity="center_horizontal"/>
<ListView
android:stackFromBottom="true"
android:layout_gravity="fill_vertical"
android:id="@+id/messages_list"
android:layout_weight="100"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="@null"/>
<LinearLayout
android:animateLayoutChanges="true"
android:layout_gravity="bottom"
android:id="@+id/linearsend"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:cardCornerRadius="3dp"
android:layout_gravity="fill_horizontal"
android:layout_height="60dp"
android:elevation="2dp"
android:background="#c8ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:scrollbars="vertical">
<ImageView
android:id="@+id/imageSimly"
android:layout_margin="4dp"
android:layout_marginEnd="12dp"
android:layout_width="33dp"
android:layout_height="33dp"
android:layout_gravity="center|start"
android:src="@drawable/ic_mood_24dp"/>
<hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
xmlns:emojicon="http://schemas.android.com/apklib/hani.momanii.supernova_emoji_library.Helper.EmojiconEditText"
android:id="@+id/new_messagee"
android:layout_gravity="center"
android:gravity="center_vertical"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textColor="#778BB0"
android:singleLine="true"
android:textColorHint="#778BB0"
android:hint="type a message..."
android:textSize="18sp"
emojicon:emojiconSize="20sp" />
<android.support.design.widget.FloatingActionButton
android:layout_gravity="center|end"
android:elevation="2dp"
android:layout_width="40dp"
android:layout_height="40dp"
android:scaleType="center"
android:id="@+id/fabSend"
android:src="@drawable/ic_send_24dp"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
</LinearLayout>
在XML文件中添加
xmlns:card_view="http://schemas.android.com/apk/res-auto" card_view:contentPadding="-3dp"
也添加下面一行,但它是可选的,但可以在卡片视图中使用
card_view:cardPreventCornerOverlap="false"
如果有人找到更好的解决方案请通知
所以,我有一个临时解决方案.. 正如@Jay Patel 所说,我有了一个想法并且 将最外层布局设置为框架布局,因为 space 我认为是由于列表视图, N(我没有设置margin bottom)
所以,代码是..
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ListView
android:stackFromBottom="true"
android:id="@+id/messages_list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="@null"
android:layout_marginBottom="60dp"
android:layout_marginTop="59dp"/>
<LinearLayout
android:animateLayoutChanges="true"
android:layout_gravity="bottom"
android:id="@+id/linearsend"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:cardCornerRadius="3dp"
android:layout_gravity="fill_horizontal"
android:layout_height="60dp"
android:elevation="2dp"
android:background="#c8ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:scrollbars="vertical">
<ImageView
android:id="@+id/imageSimly"
android:layout_margin="4dp"
android:layout_marginEnd="12dp"
android:layout_width="33dp"
android:layout_height="33dp"
android:layout_gravity="center|start"
android:src="@drawable/ic_mood_24dp"/>
<hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
xmlns:emojicon="http://schemas.android.com/apklib/hani.momanii.supernova_emoji_library.Helper.EmojiconEditText"
android:id="@+id/new_messagee"
android:layout_gravity="center"
android:gravity="center_vertical"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textColor="#778BB0"
android:singleLine="true"
android:textColorHint="#778BB0"
android:hint="type a message..."
android:textSize="18sp"
emojicon:emojiconSize="20sp" />
<android.support.design.widget.FloatingActionButton
android:layout_gravity="center|end"
android:elevation="2dp"
android:layout_width="40dp"
android:layout_height="40dp"
android:scaleType="center"
android:id="@+id/fabSend"
android:src="@drawable/ic_send_24dp"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
<include layout="@layout/app_bar"/>
</FrameLayout>
试试这个代码:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="1"
android:layout_gravity="fill_vertical" xmlns:android="http://schemas.android.com/apk/res/android">
<include layout="@layout/app_bar"/>
<Space
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_gravity="center_horizontal"/>
<ListView
android:stackFromBottom="true"
android:layout_gravity="fill_vertical"
android:id="@+id/messages_list"
android:layout_weight="0.8"
android:layout_width="match_parent"
android:layout_height="0dp"
android:divider="@null"/>
<LinearLayout
android:animateLayoutChanges="true"
android:layout_gravity="bottom"
android:id="@+id/linearsend"
android:layout_weight="0.2"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="0dp"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:cardCornerRadius="3dp"
android:layout_gravity="fill_horizontal"
android:layout_height="60dp"
android:elevation="2dp"
android:background="#c8ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:scrollbars="vertical">
<ImageView
android:id="@+id/imageSimly"
android:layout_margin="4dp"
android:layout_marginEnd="12dp"
android:layout_width="33dp"
android:layout_height="33dp"
android:layout_gravity="center|start"
android:src="@drawable/ic_mood_24dp"/>
<hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
xmlns:emojicon="http://schemas.android.com/apklib/hani.momanii.supernova_emoji_library.Helper.EmojiconEditText"
android:id="@+id/new_messagee"
android:layout_gravity="center"
android:gravity="center_vertical"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textColor="#778BB0"
android:singleLine="true"
android:textColorHint="#778BB0"
android:hint="type a message..."
android:textSize="18sp"
emojicon:emojiconSize="20sp" />
<android.support.design.widget.FloatingActionButton
android:layout_gravity="center|end"
android:elevation="2dp"
android:layout_width="40dp"
android:layout_height="40dp"
android:scaleType="center"
android:id="@+id/fabSend"
android:src="@drawable/ic_send_24dp"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
</LinearLayout>