2

问题：字符计数器跑出屏幕

我发现很难有一个字符计数器，一旦输入文本滚动到一个屏幕大小，它就不会消失。

这就是我在布局 xml 中的内容：

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

<android.support.design.widget.TextInputLayout
    android:id="@+id/textContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:counterEnabled="true"
    android:overScrollMode="never"
    android.support.design:errorEnabled="true"
    android.support.design:hintEnabled="true"
    app:counterMaxLength="@integer/global_comments_size">

    <android.support.design.widget.TextInputEditText
    android:id="@+id/action_global_comment"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="start|center_vertical"
    android:layout_marginTop="8dp"
    android:hint="@string/edit_comments"
    android:imeOptions="actionDone"
    android:inputType="textMultiLine"
    android:scrollbars="vertical"
    android:maxLength="@integer/global_comments_size"
    />
</android.support.design.widget.TextInputLayout>

</RelativeLayout>

计数器可见，直到滚动离开屏幕

当文本在屏幕上滚动时，计数器变得不可见

可能的选择：

我认为以下三个选项是可能的解决方案。

  1. 制作底部工具栏并以编程方式添加计数器

  2. 达到最大尺寸后，以编程方式进行弹出式显示

  3. 以某种方式在 xml 中配置 TextInputLayout 或使用其他一些库。

我更喜欢选项 3。但是，我现在不知所措，既没有在文档中也没有通过谷歌搜索论坛找到任何解决方案或提示。

解决了

找到解决方案

经过更多阅读后，我发现这里的 stackoverflow 上已经有人问过这个问题，关于计数器在屏幕上运行时的解决方案建议。但是，解决方案与简单的 xml 条目并不像预期的那样，而是必须以编程方式完成

我根据从这里和这里收集的信息发布我的解决方案和源代码。

4

2 回答 2

2

您所要做的就是像这样使用 alignParent

       <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:android.support.design="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.TextInputEditText
    android:id="@+id/action_global_comment"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="start|center_vertical"
    android:layout_marginTop="8dp"
    android:hint="@string/edit_comments"
    android:imeOptions="actionDone"
    android:inputType="textMultiLine"
    android:maxLength="@integer/global_comments_size"
    android:layout_alignParentTop="true"
    android:layout_above="@+id/textContainer"
    android:scrollbars="vertical" />

<android.support.design.widget.TextInputLayout
    android:id="@+id/textContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:overScrollMode="never"
    android.support.design:errorEnabled="true"
    android.support.design:hintEnabled="true"
    app:counterEnabled="true"
    app:counterMaxLength="@integer/global_comments_size"/></RelativeLayout>
于 2018-10-01T11:35:29.820 回答
1

我通过阅读文档和stackoverflow找到了解决方案。我在这里发布了一个完整的示例，以便更容易重现该行为。

不幸的是，似乎没有一种方法可以简单地配置一个 xml 属性，这将使计数器停留在屏幕的可见区域。

解决方案在于使用接口类 TextWatchers，幸运的是，它只需要几行代码。

1)创建res/values/strings.xml文件来定义最大字符大小的常量

<integer name="max_comment_size">50</integer>

2）在您的活动中添加以下两个视图， 即 res/layout/activity_main.xml

我喜欢把柜台放在上面。如果您更喜欢将 TextView 和 TextEdit 放在底部，则可能需要交换它。

<TextView
   android:id="@+id/constraint_textview"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="Remaining characters/Maximum characters: --/--" />

<EditText
    android:id="@+id/editText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:ems="10"
    android:inputType="textMultiLine"
    android:maxLength="@integer/max_comment_size" />

请注意 textMultiLine 不限制 EditText 字段的最大行数。它只限制布局大小。使用 maxLength，您可以指定允许的最大字符数。

3)在 java 文件中使用 TextWatcher 对输入的字符进行计数，并 在我的示例中的 TextView Java 文件中显示它们：java/com/example/mycompany/textcounter/MainActivity.java

接口类 TextWatcher 有三个需要实现的方法。但是，出于此目的，我们只对 onTextChange() 感兴趣。

    public class MainActivity extends AppCompatActivity {

        private TextView mTextView;
        private EditText mEditText;
        private final TextWatcher mTextEditorWatcher = new TextWatcher() {
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {  } //nothing to be done here

            public void onTextChanged(CharSequence s, int start, int before, int count) {        
                Integer max_comment = getResources().getInteger(R.integer.max_comment_size);

                mTextView.setText("Remaining characters" + "/Maximum characters: "+ String.valueOf(max_comment-s.length()) +"/" + max_comment);
            }

            public void afterTextChanged(Editable s) { } //nothing to be done here
        };

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            //Initializing views
            mEditText = (EditText) findViewById(R.id.editText);
            mTextView = (TextView) findViewById(R.id.constraint_textview);

           mEditText.addTextChangedListener(mTextEditorWatcher);

        }        
    }

进一步说明：

该解决方案基于此处提供的有关屏幕外计数器运行的信息 以及此处 有关如何使用 TextWatcher 的信息

请参阅有关TextWatcher和TextEdit的android 文档。

我用 maxLength 限制了 TextEdit 字段中的最大输入字符数。如果您确实需要限制最大行数，请参阅 此处和此处的讨论和可能的解决方案，或使用 stackoverflow 上的搜索。

于 2018-10-03T10:48:24.800 回答