Question

我一直在尝试创建一个自定义水平布局，目标是在ImageView左侧放置一个TextView，其中包含一个描绘特定状态的图标。 ImageView将保持方形尺寸，其高度和宽度等于TextView中文本的高度。但是，问题仍然存在，例如未在布局xml文件中指定的文本高度设置和ImageView之后存在的未知填充。这些问题可以在this image中看到，红色表示未知填充，蓝色表示文本大小不一致，其中两者都设置为12sp。需要修复字体大小和填充问题，以便可以将布局正确添加到网格布局中，网格布局将包含这些自定义布局的网格。

StatusIcon.java

//This is part of the java class that extends ImageView to resize the Icon
@Override
protected void onMeasure(int width, int height) {
    super.onMeasure(width, height);

    int measuredHeight = getMeasuredHeight();
    setMeasuredDimension(measuredHeight, measuredHeight);
}

StatusIndicator.java

//This is the java class for the custom layout.
public class StatusIndicator extends LinearLayout {

    private TextView label;
    private StatusIcon statusLed;
    private CharSequence labelText;
    private float labelTextSize;

    public enum Status {
        GOOD,
        WARNING,
        CRITICAL
    }

    /*
     * Removed the basic required class constructors to save space.
     */

    private void getAttributes(Context context, AttributeSet attrs){
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.StatusIndicator);
        labelText = typedArray.getString(R.styleable.StatusIndicator_label);
        labelTextSize = typedArray.getDimensionPixelSize(R.styleable.StatusIndicator_labelSize, 0);
        typedArray.recycle();
    }

    private void initializeViews(Context context){
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        inflater.inflate(R.layout.view_status_indicator, this);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();

        //Setup UI elements in layout
        label = (TextView) findViewById(R.id.textView_statusIndicatorLabel);
        statusLed = (StatusIcon) findViewById(R.id.imageView_statusIndicatorLed);
        label.setText(labelText);

        if(labelTextSize > 0){
            label.setTextSize(TypedValue.COMPLEX_UNIT_SP, labelTextSize);
        }
    }

    public void setStatus(StatusIndicator.Status status){
        switch (status){
            case GOOD:
                statusLed.setImageResource(R.mipmap.ic_status_panel_good);
                break;
            case WARNING:
                statusLed.setImageResource(R.mipmap.ic_status_panel_warning);
                break;
            case CRITICAL:
                statusLed.setImageResource(R.mipmap.ic_status_panel_critical);
                break;
        }
    }
}

view_status_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:parentTag="LinearLayout"
    tools:orientation="horizontal">

    <TextView
        android:id="@+id/textView_statusIndicatorLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical|start"
        android:layout_marginEnd="2dp"
        android:text="@string/default_title"
        android:textAppearance="@style/TextAppearance.AppCompat.Title"
        android:textSize="12sp"/>

    <com.css_design.android_quickbridge.ui.home.status_panel.StatusIcon
        android:id="@+id/imageView_statusIndicatorLed"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:gravity="center_vertical|end"

        app:srcCompat="@mipmap/ic_status_panel_critical"/>
    </merge>

Answer 1

我会使用ConstraintLayout而不是创建自定义视图实现来解决此问题。

ConstraintLayout允许您为其子项指定宽高比，这需要确保您的ImageView始终是正方形。 ConstraintLayout还允许您根据同级视图指定高度或宽度（将0dp维度与top和bottom（或left和{{相结合1}}）约束）。

right

（背景颜色添加到<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#ccf"> <ImageView android:id="@+id/image" android:layout_width="0dp" android:layout_height="0dp" android:src="@drawable/circle" app:layout_constraintTop_toTopOf="@+id/text" app:layout_constraintLeft_toRightOf="@+id/text" app:layout_constraintBottom_toBottomOf="@+id/text" app:layout_constraintDimensionRatio="1"/> <TextView android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="40sp" android:text="hello world"/> </android.support.constraint.ConstraintLayout>以表明它不大于其内容）。

Android：如何配置自定义布局的大小调整

1 个答案: