纸墨设计文档: Text field

作者: rain 分类: 纸墨设计 发布时间: 2015-11-27 00:26 6 条评论

谷歌官方的纸墨设计文档 中介绍如下:

输入框可以让用户输入文本,选择文本(支持粘贴复制操作),并且支持自动完成提示。

如何使用

  • 在项目的 build.gradle 文件中添加 appcompat 库:

  • 你的 Activity 继承至 android.support.v7.app.AppCompatActivity

  • 在你的布局文件中使用 EditText

如何修改样式?

  • 在你的 styles.xml 中定义自定义样式:

  • 通过 android:theme 属性来应用自定义的 样式:

兼容性问题

  1. 输入框的高度和垂直对其方式在每个版本有区别,下图从左到右分别为 Android
    4.4、5.0 和 5.1 版本的对其方式和高度标示。

  2. 在 Android 4.0 – 4.4 / 6.0 上下划线是不透明的,而在 Android 5.0 / 5.1 上下划线是半透明的。

    单行输入文本

    谷歌官方的纸墨设计文档 中介绍如下:

    单行输入框如果输入满了文字,会自动往左滚动文本内容

只需要设置 android:singleLine 为 true 即可。

多行输入文本

谷歌官方的纸墨设计文档 中介绍如下:

多行输入框如果输入满了文字,会自动换行。

只需要设置 android:inputTypetextMultiLine 即可。

全屏宽度的输入文本

谷歌官方的纸墨设计文档 中介绍如下:

全屏宽度的输入文本对于复杂的输入要求是非常有用的。

  • 在你的 styles.xml 中定义自定义样式:

  • 通过 android:theme 属性来应用自定义的 样式:

本文出自 云在千峰,转载时请注明出处及相应链接。

本文永久链接: http://blog.chengyunfeng.com/?p=804

Ɣ回顶部