Пользовательский составной вид расширен из RelativeLayout.Неверное расположение дочерних просмотров - PullRequest
0 голосов
/ 30 ноября 2018

Я хочу создать виджет, который включает в себя EditText и TextView и выглядит так: Custom Edit text.

Для этого я создал RelativeLayout:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="48dp">

<EditText
        android:id="@+id/editTextHint"
        style="@style/CustomEditTextTheme"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="14dp"
        android:textColor="@color/textColor"
        android:textSize="16sp"
        android:hint="To my first character"
        tools:text="Тип клиента">
</EditText>

<TextView
        android:id="@+id/textViewContent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/editTextHint"
        android:layout_alignParentEnd="true"
        android:layout_above="@id/editTextHint"
        tools:text="Продавец"
        android:fontFamily="@font/proxima_nova_regular"
        android:textSize="16sp"
        android:layout_marginEnd="4dp"
        android:textColor="@color/colorPrimary"/>
</RelativeLayout>

Вышеуказанный RelativeLayout прекрасно работает и выглядит как запланировано.Чтобы сделать составное представление, я удалил тег </RelativeLayout> и обернул его в </merge> (я не применяю код, поскольку он идентичен, за исключением тега RelativeLayout)

Для работы с представлением я написал MyCustomEditTextкласс, который расширяет RelativeLayout

public class CustomEditText extends RelativeLayout {

private EditText editTextHint;
private TextView textViewEntry;

private String hintText;
private String inputText;
private String starterText;
private OnCustomEditTextListener listener;

public String getHintText() {
    return hintText;
}

public String getInputText() {
    return inputText;
}

public void setHintText(String hintText) {
    editTextHint.setText(hintText);
}

public void setInputText(String inputText) {
    textViewEntry.setText(inputText);
}

public CustomEditText(Context context) {
    super(context);
    initializeViews(context);
}

public CustomEditText(Context context, AttributeSet attrs) {
    super(context, attrs);
    TypedArray typedArray;
    typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomEditText);
    hintText = typedArray.getString(R.styleable.CustomEditText_hintText);
    inputText = typedArray.getString(R.styleable.CustomEditText_inputText);
    starterText = typedArray.getString(R.styleable.CustomEditText_starterText);
    typedArray.recycle();
    initializeViews(context);
}

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

@Override
protected void onFinishInflate() {
    super.onFinishInflate();
    editTextHint = findViewById(R.id.editTextHint);
    textViewEntry = findViewById(R.id.textViewContent);
    bindDataToChildViews();
    editTextHint.setOnClickListener(v -> listener.onClick());
}

private void bindDataToChildViews() {
    editTextHint.setText(hintText);
    if ((inputText == null)||(inputText.isEmpty())) {
        textViewEntry.setText(starterText);
    } else {
        textViewEntry.setText(inputText);
    }
}

public void setHintClickListener(OnCustomEditTextListener listener) {
    this.listener = listener;
}

public interface OnCustomEditTextListener {
    void onClick();
}
}

Я пытаюсь использовать это представление в других макетах, но расположение текстового представления выглядит ужасно:

enter image description here

Я думал, что для правильного позиционирования достаточно расширить вид из RelativeLayout.Поэтому мне нужна ваша помощь, чтобы определить, где я ошибаюсь.Как правильно расположить элементы?

PS Была сделана замена RelativeLayout для тега слияния, чтобы оптимизировать рисование видов и избежать ненужных раскладок

1 Ответ

0 голосов
/ 30 ноября 2018

Прежде всего вам не нужно иметь

android:layout_above="@id/editTextHint"

и добавить

android:layout_gravity="center_vertical"

для редактирования TextHint и textViewContent

Также, возможно, вам следует удалить

android:layout_marginEnd="4dp"

или немного изменить его значение

...