Как создать собственный макет EditText? - PullRequest
Новая
       15

Как создать собственный макет EditText?

1 голос
/ 29 мая 2019

Я хочу создать EditText, как на изображении ниже.

Это то, чего я хочу достичь

Это мой код (в xml-файлемакет): 

<EditText
            android:id="@+id/newThoughtThoughtText"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:background="@drawable/lines"
            android:gravity="top"
            android:hint="@string/thought_first_text"
            android:inputType="textMultiLine"
            android:maxLines="15"
            android:textColor="@color/color_gray"   />

Я создал собственный файл макета для рисования.Но это позволяет мне иметь только одну строку в конце, и мне нужно несколько строк внутри EditText.Как я могу это сделать? 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle">
            <stroke
            android:width="1dp"
            android:color="@color/color_gray" />
        </shape>
    </item>
</layer-list>

Заранее спасибо!

Ответы [ 2 ]

0 голосов
/ 31 мая 2019

Мне удалось решить проблему и спроектировать editText по своему желанию.

Эта тема помогла мне:

Android - Как сделать все строки в тексте редактирования подчеркнутыми?

Я создал свой собственный EditText: 

package com.example.appsiety.utils;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;

import com.example.appsiety.R;

public class EditTextThought extends android.support.v7.widget.AppCompatEditText {
    private Paint mPaint = new Paint();
    private Context context;

    public EditTextThought(Context context) {
        super(context);
        this.context = context;
        initPaint();
    }

    public EditTextThought(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        initPaint();
    }

    public EditTextThought(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        this.context = context;
        initPaint();
    }

    private void initPaint() {
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(ContextCompat.getColor(context, R.color.color_gray));
    }

    @Override protected void onDraw(Canvas canvas) {
        int left = getLeft();
        int right = getRight();
        int paddingTop = getPaddingTop();
        int paddingBottom = getPaddingBottom();
        int paddingLeft = getPaddingLeft();
        int paddingRight = getPaddingRight();
        int height = getHeight();
        int lineHeight = getLineHeight();
        int count = (height-paddingTop-paddingBottom) / lineHeight;

        for (int i = 0; i < count*2; i++) {
            int baseline = lineHeight * (i+1) + paddingTop;
            canvas.drawLine(left+paddingLeft, baseline, right-paddingRight, baseline, mPaint);
        }

        super.onDraw(canvas);
    }
}

, а затем в своем файле макета я использовал его: 

<view
class="com.example.appsiety.utils.EditTextThought"
            android:id="@+id/newThoughtSituationText"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:scrollbars="vertical"
            android:fadingEdge="vertical"
            android:gravity="top"
            android:textSize="18sp"
            android:fontFamily="@font/opensans_light"
            android:textColorHint="@color/color_gray"
            android:textColor="@color/color_gray"
            android:hint="@string/situation_first_text"
            android:background="@android:color/transparent"
            android:inputType="textMultiLine|textVisiblePassword"
            />
0 голосов
/ 30 мая 2019

Чтобы достичь этого, вы должны внести изменения в свой класс рисования, который вы создали. 

<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="-2dp"
    android:insetRight="-2dp"
    android:insetTop="-2dp">

    <shape android:shape="rectangle" >
        <stroke
            android:width="1dp"
            android:color="#000000" />
        <solid android:color="@color/md_grey_200" />
    </shape>

</inset>

Это даст вам нижнюю границу, и вы сможете изменить цвет в соответствии с вашими требованиями.Если вы не хотите ставить границу для каждого EditText, вы можете добавить один View после каждого EditText, как это. 

                    <View
                    style="@style/MenuDivider"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:layout_marginEnd="5dp"
                    android:layout_marginStart="5dp"
                    android:layout_marginTop="15dp"
                    android:background="@color/black"/>

Вы можете изменить высоту представления в соответствии с фоном.Надеюсь, это поможет вам.

...