CODEWITHSUNDEEP
androidformsandroid-edittextlongtext
AdaMoOo
AdaMoOo

Reputation: 447

EditText ellipsize (three dots...)

Unfortunatelly I am not able to make ellipsize for EditText works. Is even possible to put three dots at the end of the text when the text is too long? It is working perfectly for TextiView but not for EditText. Some idea?

 android:id="@+id/ed_email_personalInfo"
 android:layout_width="match_parent"
 android:layout_height="55dp"
 android:background="@color/transparent"
 android:ellipsize="end"
 android:ems="10"
 android:hint="@string/email"
 android:inputType="textEmailAddress"
 android:maxLength="64"
 android:paddingLeft="10dp"
 android:paddingRight="10dp"
 android:singleLine="true"
 android:textColorHint="@color/col9a9a9a"
 android:textSize="15.7sp"

Upvotes: 16

Views: 25879

Answers (7)

Alan
Alan

Reputation: 362

An alternative would be to overlay the EditText view with an ellipsizable, non-transparent TextView containing the same text. When you tap the TextView, it hides the TextView overlay and passes the click event to the EditText. On completion, refresh the TextView with the new text and make it visible (and ellipsized) again.

Upvotes: 0

Cong Tuan Hoang
Cong Tuan Hoang

Reputation: 1

EditText is subclass of TextView, you can override edittext method to make it work like textview I try this and it work

class CustomTextInputEditTextView: TextInputEditText {
constructor(context: Context, attributeSet: AttributeSet?): super(context, attributeSet) {

}

override fun getDefaultEditable(): Boolean {
    return false
}

override fun getDefaultMovementMethod(): MovementMethod? {
    return null
}

}

<com.CustomTextInputEditTextView
            android:cursorVisible="false"
            android:ellipsize="end"
            android:lines="1"
            android:inputType="none" />

Upvotes: 0

Pat Lee
Pat Lee

Reputation: 1658

I'm not sure it answers the question (and I guess the original asker is not so interested anymore, after 7 and a half years), but I'm pretty confident my answer will come in handy to anyone stumbling into ellipsis issues with EditText.

Don't try to find any logic in this, but based on the answers from Oleksandr and Mubarak, I figured out the following:

To ellipsize an EditText in XML, use deprecated android:editable="false". In my case:

android:editable="false"
android:focusable="false"
android:singleLine="true"
android:maxLines="1"
android:ellipsize="end"

No need to mess with android:inputType="none" for the moment. The EditText looks just like a TextView and is properly ellipsized.

It is possible to make the EditText editable (and remove the ellipsis) like this:

editText.setFocusable(true);
editText.setFocusableInTouchMode(true);
editText.setActivated(true);
editText.setInputType(InputType.TYPE_TEXT_FLAG_CAP_WORDS); // or whatever fits your needs
editText.setSingleLine(true);
editText.setEllipsize(null);
editText.requestFocus();

Your can then restore the EditText to its original state (ie. disguised as a TextView and properly ellipsized) like this:

editText.setFocusable(false);
editText.setFocusableInTouchMode(false);
editText.setActivated(false);
editText.setSingleLine(true);
editText.setKeyListener(null); // this is the key
editText.setEllipsize(TextUtils.TruncateAt.END);

Upvotes: 6

Oleksandr
Oleksandr

Reputation: 6356

You have to remove android:inputType attribute.

Ellipsize doesn't work if inputType is defined.

Upvotes: 23

facebook-1611499009122728
facebook-1611499009122728

Reputation: 9

You need write a new class that extends EditText. for example:

MyEditTextEllipsize extends EditText{

private String dotsString;

private String storeString;

public MyEditTextEllipsize(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

@Override
    protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {
        super.onFocusChanged(focused, direction, previouslyFocusedRect);

         if(focused)

     {
       setText(storeString);
      }else {
             String NOW = getText().toString();
                storeString = NOW;
            if (NOW != null && getWidth() <= getTextSize() * NOW.length()) {

                    dotsString = NOW.substring(0, (int) (getWidth() / getTextSize())) + "...";

                    setText(dotsString);

                }
}

    }
}

Upvotes: -3

Mubarak
Mubarak

Reputation: 1449

Set this property to edit text. Elipsize is working with disable edit text 

    android:lines="1"
    android:scrollHorizontally="true"
    android:ellipsize="end"
    android:singleLine="true"
    android:editable="false"

Upvotes: 23

user1923613
user1923613

Reputation: 636

Might not be possible in EditText (unless you create your own View). I think the default behavior (for singleLine EditText) is that you can scroll the text sideways when it can't fit in the view.

Upvotes: 3

Related Questions