compile 'com.android.support:design:24.0.0' //可修改版本号为自己匹配

TextInputLayout是一个能够把EditText包裹在当中的一个布局,当输入文字时,它可以把Hint文字飘到EditText的上方,错误信息显示在editText的下方。

    <android.support.design.widget.TextInputLayout
        android:id="@+id/text_input_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:hintTextAppearance="@style/hintStyle">

        <android.support.design.widget.TextInputEditText
            android:id="@+id/edit_text"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="测试TextInputLayout"/>

    </android.support.design.widget.TextInputLayout>


 <style name="hintStyle" parent="@android:style/TextAppearance">
    <!-- 字体颜色 -->
    <item name="android:textColor">#69a19b</item>
    <!-- 字体大小 -->
    <item name="android:textSize">10sp</item>
  </style>

  textInputLayout = (TextInputLayout) findViewById(R.id.text_input_layout);
  editText = (TextInputEditText) findViewById(R.id.edit_text);
  button = (Button) findViewById(R.id.confirm);

  button.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
          textInputLayout.setError("输入错误");           
      }
    });

enter image description here

官方文档

完整项目

标签: none

评论已关闭