android、鸿蒙开发--第三章--＞输入显示框：“EditText-Button“

原本是打算写一下ImageView的，想想还是先把输入框（EditText）、按键（Button）讲了。案例点击Button按键，显示输入的内容。

一、Android View体系中的输入框（EditText）和按键（Button）

以上就是布局。讲一下，EditText和Button都是继承TextView的，TextView有的方法和属性它两都有；主要说一下EditText中的android:inputType="numberPassword"，这边表示输入的输一个密码类型的数字，这个还有其他输入类别number数字、phone电话、date日期等。接下来我们看看Activity代码。

同样的继承我们封装的BaseActivity；点击按键button之后，做出相关的显示，功能就是没有输入账户，给与请输入账户提示，没有输入密码，提示输入密码，都输入的情况，就提示输入的账户和密码。字符串后面.showToast()我做了方法扩展。

 接下来，让程序运行的时候启动我们刚刚运行的界面。

我们在清单你配置文件里:AndroidManifest.xml,配置app第一个启动的是我们刚刚写的界面。

这就是运行效果了，接下来，我们去看看Compose中怎么使用的。

二、Android Compose体系中的输入框（EditText）和按键（Button）

效果和View体系下的效果相似，我这里就不放运行图了，主要说说， 在Compose中是没有id这个说法的，一切都是函数（方法），Compose中还有OutlinedTetxtField输入框，这个和TetxtField使用基本一致，感兴趣的小伙伴，自己去体验一下吧。

接下来我们看看输入框的函数字段意义：

每一行文字都做了解释，相信都能看清楚是什么意思。

。

对于小提示，更新了一下，MyApplication.appContext是全局的Content,这个不用担心内存泄漏等等什么的。

这个变量来至于Application,他的生命周期与整个App一致，Application中代码是app最先开始运行的。所有以后我们调用小提示就方便。

使用这个Application，需要到清单配置文件里面去注册一下哦。

三、鸿蒙中的输入框（EditText）和按键（Button）

第一第二的 Row()。就是复制对象不一样，其他代码完全一样的

.onChange((it :string)=>{
  this.name=it //第一个Row（）
  this.wps=it //第二个Row（）
})

在Button的点击事件中，我们打印了，用户输入的账户名和密码。

接下来讲一下 ，TextArea，这是是多行输入的输入框，TextInput()则是单行输入框。使用使用基本是一致的。

下一章就开始ImageView，即有关图片的讲解了。