投稿
  1. 极客之音首页
  2. 后端开发
  3. Android

Android开发-Android常用组件-TextView文本框

飞熊 • • Android • 阅读 247

追求适度，才能走向成功；人在顶峰，迈步就是下坡；身在低谷，抬足既是登高；弦，绷得太紧会断；人，思虑过度会疯；水至清无鱼，人至真无友，山至高无树；适度，不是中庸，而是一种明智的生活态度。

导读：本篇文章讲解 Android开发-Android常用组件-TextView文本框，希望对大家有帮助，欢迎收藏，转发！站点地址：www.bmabk.com，来源：原文

04     常用组件

4.1  TextView

  • TextView (文本框)，用于显示文本的一个控件。
  • 文本的字体尺寸单位为sp :
  • sp: scaled pixels(放大像素). 主要用于字体显示。文本常用属性：

属性名

作用

id

为TextView设置一个组件id，根据id，我们可以在Java代码中通过

findViewById()的方法获取到该对象，然后进行相关属性的设置

layout_width

组件的宽度

layout_height

组件的高度

gravity

设置控件中内容的对齐方向，TextView中是文字，ImageView中是图片等等

text

设置显示的文本内容，一般我们是把字符串写到string.xml文件中，然后通过@String/xxx取得对应的字符串内容的

textColor

设置字体颜色，同上，通过colors.xml资源来引用

textStyle

设置字体风格，三个可选值：normal(无效果)，bold(加粗)，italic(斜体)

textSize

字体大小，单位一般是用sp

background

控件的背景颜色，可以理解为填充整个控件的颜色，可以是图片

autoLink

识别链接类型 (web, email, phone ,map ,none, all)

 
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Gridlayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:rowCount="6">

    <TextView
        android:id="@+id/textview"
        android:layout_width="300dp"
        android:layout_height="400dp"
        android:gravity="center"    //文本中内容的对齐方向
        android:text="这是一个textView文本框"
        android:textColor="#d2364c"
        android:textStyle="italic"    //字体风格：斜体
        android:textSize="20sp"
        android:background="#ffffcc"
        android:autoLink="web"    //识别链接类型
        />

</GridLayout>

Android开发-Android常用组件-TextView文本框

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Gridlayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:rowCount="6">

    <TextView
        android:id="@+id/textview"
        android:layout_width="300dp"
        android:layout_height="400dp"
        android:gravity="center"
        android:text="www.baidu.com"
        android:textColor="#d2364c"
        android:textStyle="italic"
        android:textSize="20sp"
        android:background="#ffffcc"
        android:autoLink="web"
        />

</GridLayout>

Android开发-Android常用组件-TextView文本框

    • 　　text内容、颜色写入资源文件(有利于代码的维护和复用)
    • Android开发-Android常用组件-TextView文本框

      color.xml:

      <?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
</resources>

       string.xml:

      <resources>
    <string name="app_name">My Application</string>
    <string name="textview">www.baidu.com</string>
</resources>

       text_view.xml:

    • <?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Gridlayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:rowCount="6">

    <TextView
        android:id="@+id/textview"
        android:layout_width="300dp"
        android:layout_height="400dp"
        android:gravity="center"
        android:text="@string/app_name"
        android:textColor="@color/purple_200"
        android:textStyle="italic"
        android:textSize="20sp"
        android:background="#ffffcc"
        android:autoLink="web"
        />

</GridLayout>

       Android开发-Android常用组件-TextView文本框

  • 文本设置边框
    • 　　实现原理：

　　　　　　编写一个ShapeDrawable的资源文件！然后TextView将 background 设置为这个drawable 资源即可

    • 　　ShapeDrawable的资源文件
      • 　　　　<solid android:color = “xxx”> 这个是设置背景颜色的
      • 　　　　<stroke android:width = “xdp” android:color=”xxx”> 这个是设置边框的粗细,以及边框颜色的
      • 　　　　<padding androidLbottom = “xdp”…> 这个是设置边距的
      • 　　　　<corners android:topLeftRadius=”10px”…> 这个是设置圆角的
      • 　　　　<gradient> 这个是设置渐变色的,可选属性有:
        • startColor:起始颜色
        • endColor:结束颜色
        • centerColor:中间颜色
        • angle:方向角度,等于0时,从左到右,然后逆时针方向转,当angle = 90度时从下往上
        • type:设置渐变的类型
      • 编写矩形边框的Drawable：

Android开发-Android常用组件-TextView文本框

Android开发-Android常用组件-TextView文本框

 shape_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <!-- 设置一个黑色边框 -->
    <stroke android:width="40px" android:color="#000000"/>
    <!-- 渐变 -->
    <gradient
        android:angle="270"
        android:endColor="#C0C0C0"
        android:startColor="#FCD209" />
    <!-- 设置一下边距,让空间大一点 -->
    <padding
        android:left="5dp"
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp"/>
</shape>

Android开发-Android常用组件-TextView文本框

text_view.xml:

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Gridlayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:rowCount="6">

    <TextView
        android:id="@+id/textview"
        android:layout_width="300dp"
        android:layout_height="400dp"
        android:gravity="center"
        android:text="@string/app_name"
        android:textColor="@color/purple_200"
        android:textStyle="italic"
        android:textSize="20sp"
        android:background="@drawable/shape_bg"
        android:autoLink="web"
        />

</GridLayout>

 Android开发-Android常用组件-TextView文本框

        • 　　　　　　编写圆角矩形边框的Drawable

 shape_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 设置透明背景色 -->
    <solid android:color="#87CEEB" />
    <!-- 设置一个黑色边框 -->
    <stroke
        android:width="40px"
        android:color="#000000" />
    <!-- 设置四个圆角的半径 -->
    <corners
        android:bottomLeftRadius="50px"
        android:bottomRightRadius="50px"
        android:topLeftRadius="50px"
        android:topRightRadius="50px" />
    <!-- 设置一下边距,让空间大一点 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

 Android开发-Android常用组件-TextView文本框

 text_view.xml同上。

Android开发-Android常用组件-TextView文本框

  • 带图片(drawableXxx)的TextView

属性名

作用

android:drawableLeft

文本左边设置图片

android:drawableRight

文本右边设置图片

android:drawableBottom

文本下边设置图片

android:drawableTop

文本上边设置图片
    • 　　应用场景
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Gridlayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:background="#fcfcfc">

    <TextView
        android:id="@+id/textview1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:gravity="center"
        android:text="微信"
        android:textSize="25sp"
        android:drawableTop="@mipmap/weixin"
        />
    <TextView
        android:id="@+id/textview2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:gravity="center"
        android:text="通讯录"
        android:textSize="25sp"
        android:drawableTop="@mipmap/tongxunlu"
        />
    <TextView
        android:id="@+id/textview3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:gravity="center"
        android:text="发现"
        android:textSize="25sp"
        android:drawableTop="@mipmap/faxian"
        />
    <TextView
        android:id="@+id/textview4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:gravity="center"
        android:text="我"
        android:textSize="25sp"
        android:textColor="#00CC00"
        android:drawableTop="@mipmap/wode"

        />

</GridLayout>

Android开发-Android常用组件-TextView文本框

 Android开发-Android常用组件-TextView文本框

Android开发-Android常用组件-TextView文本框  Android开发-Android常用组件-TextView文本框  Android开发-Android常用组件-TextView文本框  Android开发-Android常用组件-TextView文本框

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/128032.html

赞 (0)
飞熊的头像飞熊bm
0 0

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站，欢迎收藏到浏览器，订阅我们！