ImageView不会在RelativeLayout中包装内容
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ImageView不会在RelativeLayout中包装内容相关的知识,希望对你有一定的参考价值。
我有一个有6个孩子/托管的TableLayout。这些孩子是自定义RelativeLayout。在每个RelativeLayout中间是一个大TextView,底部是ImageView和小TextView。
ImageView应该与它旁边的TextView一样高。这就是我将属性ALIGN_TOP和ALIGN_BOTTOM设置为TextView的原因(您可以在下面的代码中看到它)。这非常有效,ImageView和TextView都具有相同的高度。但问题是,ImageView的左侧和右侧不再“包装内容”(如截图所示)。
有没有办法让左右两侧适合图像并删除“填充”?
这是我的代码:
view_display_component.xml
<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android" >
<TextView
android:id="@+id/tvDisplayBig"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_weight="1"
android:gravity="center"
android:textColor="@color/white"
android:textSize="@dimen/font_size_extra_large" />
<ImageView
android:id="@+id/imageViewDisplayIcon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_below="@id/tvDisplayBig"
android:layout_gravity="bottom"
android:adjustViewBounds="true"
android:baselineAlignBottom="true"
android:scaleType="fitCenter"
android:src="@drawable/stopwatch_64"
android:visibility="visible" />
<TextView
android:id="@+id/tvDisplaySmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="bottom"
android:includeFontPadding="false"
android:textColor="@color/white"
android:textSize="@dimen/font_size_small" />
</merge>
class Display Component,它扩展了RelativeLayout
public DisplayComponent(Context context) {
super(context);
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
inflater.inflate(R.layout.view_display_component, this, true);
tvDisplay = (TextView) getChildAt(0);
icon = (ImageView) getChildAt(1);
tvName = (TextView) getChildAt(2);
setupAlign();
}
private void setupAlign() {
if(index % 2 == 0) { // LEFT SIDE
// same as "RIGHT SIDE"
} else { // RIGHT SIDE
RelativeLayout.LayoutParams paramsIcon = (RelativeLayout.LayoutParams) icon.getLayoutParams();
paramsIcon.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
paramsIcon.addRule(RelativeLayout.ALIGN_TOP, tvName.getId());
paramsIcon.addRule(RelativeLayout.ALIGN_BOTTOM, tvName.getId());
icon.setLayoutParams(paramsIcon);
RelativeLayout.LayoutParams paramsTvName = (RelativeLayout.LayoutParams) tvName.getLayoutParams();
paramsTvName.addRule(RelativeLayout.RIGHT_OF, icon.getId());
tvName.setLayoutParams(paramsTvName);
tvName.setBackgroundColor(Color.BLUE); // only for testing
icon.setBackgroundColor(Color.YELLOW);
}
我找到了一个(丑陋的)解决方案。因为我的图标是方形的,所以我创建了一个自定义的ImageView并覆盖onSizeChanged()方法,如下所示:
public class IconImageView extends ImageView {
public IconImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
if(h != oldh && h > 0)
getLayoutParams().width = h; // same width as height
}
}
但这仅适用于图像为方形的情况。这就是我仍在寻找更好解决方案的原因。也许一些布局解决方案具有更好的对齐设置。
最好的祝福!
以上是关于ImageView不会在RelativeLayout中包装内容的主要内容,如果未能解决你的问题,请参考以下文章
ImageView selectableItemBackgroundBorderless 不会在视图边界之外呈现
ImageView系列:ImageView会不会自动调整高度?
ImageView 上的透明背景 EditText 不会显示光标
ImageView不会在同一父布局中的recyclerView上方显示