android开发:[11]ui控件之TextView
TextView是Android中常用的组件之一,可以用他来显示文字,就像一个标签一样。对于TextView我们最经常用到的设置是在文本的排版,比如设置字体的大小,字体的颜色,字体的样式,本篇教大家怎么利用TextView提供的属性来配置它。
静态添加设置TextView
1、新建一个android开发项目,如果你之前已经建立过helloworld,就可以利用它。打开项目的布局文件,如图所示。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/16d8f72abab842408b8fd6a07ac595ee40c19ec5.jpg)
2、打开后,我们可以在左侧的面板里找到TextView这个空间,我们用鼠标拖拽到手机的屏幕窗口里。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/ad121888912ca5ca379985fc8bfc77f7990e94c5.jpg)
3、现在我们就通过可视化的编辑模式为程序添加了一个Textview控件。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/76b6860e5f204371adaa2394323acd8921c58fc5.jpg)
4、如果我们切换到代码模式,就可以看到在xml源代码里,开发工具为我们自动生成了相应的xml代码。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/ccc83ec5260f883524fb4c6ace078801397086c5.jpg)
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/3931cb413a8ca608a47d8148db8c9bcec6f8fec5.jpg)
5、我们来看一下代码里面有哪些属性是Textview常用的。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/9a8fd9f88a775ddd803ef0fea427e7ef2906f9c5.jpg)
6、TextView控件还有很多其他的常用属性,我们来了解一下。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/e6ae36066b0192dd3c32a3471a87031c98c0f0c5.jpg)
7、现在我们通过在xml里增加以上的三个属性并设定相应的值,比如我们设置文字的颜色为红色,大小为34sp,字体加粗。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/90c61d1c99c0affcf4f4319b2372941fbfe4eac5.jpg)
8、返回到视图化编辑界面,看到效果已经出来了。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/a9338a1fbee434daeb2c5f97f271fe1d97d8e4c5.jpg)
通过代码来控制控件
1、首先我们要找到藜局腑载添加java代码的文件,如图在src目录下面的MainActivity.java文件,点击打开代码编辑器。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/4b626771fe1d96d8386b74942ccd0c6efaf2e1c5.jpg)
2、在代码中定位到setContentView这一行,从它下面开始输入代码进行编程。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/19587f20a7cd0c6edf801707fed7997bbaf4ddc5.jpg)
3、要想通过代码对我们进行的textview进行控制,我们就需要它的id属性,利用id来定位到这个控件。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/fab31cb375d7997b9386cfecf9dade49600fd9c5.jpg)
4、可以通过以下的几个方法来设置textview的属性。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/db196cdade49610fa624b8b0a56817e950e1d2c5.jpg)
5、我们看一下加好的代码,然后我们帮xml静态设置的代码去掉。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/2f2909e951e10ef86b24c0892324d8e9cdd2ccc5.jpg)
6、如果你输入代码的每行前面出现了红叉标志,应该是没有导入相应的类,只要把鼠标移动到关键字上面,可以看到“import 。。。”的菜单选择就可以了。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/a965c6e9ccd2bb66682b90f49b2a04e23fa2c6c5.jpg)
7、接下来我们把静态xml里之前加过的属性去掉。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/05a320a23a42a07ae062a987673834bb18efc1c5.jpg)
8、然后回到视图编辑,看我们代码的设置并没有生效?当然,还么有运行代码呢。
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/0d55dc7bd2828689eb34a20565f97fbd4d7c37ca.jpg)
9、我们启动模拟器来看看,nice!
![android开发:[11]ui控件之TextView](https://exp-picture.cdn.bcebos.com/35f2224133bad341500ff483427622bc7cc52cca.jpg)