安卓开发学习之012 TextView高级应用

最新推荐文章于 2023-12-29 11:00:00 发布
最新推荐文章于 2023-12-29 11:00:00 发布
阅读量1.9k 收藏 2
点赞数 1
分类专栏： android 文章标签： android TextView高级
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a87b01c14/article/details/49305441
版权

本文主要包括以下内容：跑马灯效果、类似日志文本LogTextBox、TextView中添加电话URL链接、自定义字体、TextView中插入图片、文字阴影效果，TextView圆角边框和渐变背景
话不多说，先上预览图
效果预览

1.跑马灯效果
TextView中添加代码如下

android:ellipsize="marquee"
android:marqueeRepeatLimit="1"
android:singleLine="true"
  说明： 
  （1） android:ellipsizee有start,middle,end,none和marquee几个值
  规定当TextView 文字长度长于可显示范围，如何处理
  start为在文字开头显示”...“，end在末尾显示”...“，middle在中间显示”...“，none 不显示，marquee为跑马灯效果
  （2）android:marqueeRepeatLimit
  在ellipsize指定marquee的情况下，设置重复滚动的次数，当设置为marquee_forever时表示无限次。不设置此项时，默认为重复3次
  (3)android:singleLine="true" 
  指定文本为单行

TextView实现文字滚动需要以下几个要点：
1.文字长度长于可显示范围并且设置：android:singleLine=”true”
2.设置可滚动：android:ellipsize=”marquee”
3.TextView只有在获取焦点后才会滚动显示隐藏文字

2.类似日志输出文本
新建一个类LogTextBox.java，继承自TextView

/*
 * Copyright (C) 2007 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package com.antex.textview;

import android.text.method.ArrowKeyMovementMethod;
import android.widget.TextView;
import android.content.Context;
import android.text.method.ScrollingMovementMethod;
import android.text.method.MovementMethod;
import android.text.Editable;
import android.util.AttributeSet;

/**
 * This is a TextView that is Editable and by default scrollable,
 * like EditText without a cursor.
 *
 * <p>
 * <b>XML attributes</b>
 * <p>
 * See
 * {@link android.R.styleable#TextView TextView Attributes},
 * {@link android.R.styleable#View View Attributes}
 */
public class LogTextBox extends TextView {
    public LogTextBox(Context context) {
        this(context, null);
    }

    public LogTextBox(Context context, AttributeSet attrs) {
        this(context, attrs, android.R.attr.textViewStyle);
    }

    public LogTextBox(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected MovementMethod getDefaultMovementMethod() {
        return ArrowKeyMovementMethod.getInstance();
    }

    @Override
    public Editable getText() {
        return (Editable) super.getText();
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        super.setText(text, BufferType.EDITABLE);
    }
}

新建布局文件log_text_box_1.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2007 The Android Open Source Project

     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at

          http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
-->

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="10">

    <Button
        android:id="@+id/add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/log_text_box_1_add_text"/>

    <com.antex.textview.LogTextBox
        android:id="@+id/text"
        android:background="@drawable/box"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="9"
        android:textIsSelectable="true"
        android:scrollbars="vertical"/>

    <Button
        android:id="@+id/clear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/log_text_box_1_clear_text"/>

</LinearLayout>

android:textIsSelectable=”true” 设置文本可选取
android:scrollbars=”vertical” 滚动条显示方式：垂直

3.TextView中添加电话URL链接
在TexeView中添加属性android:autoLink=”all”，匹配所有链接

4.自定义字体
下载字体文件，在main文件夹下新建assets文件夹，assets文件夹下新建fonts文件夹，将下载好的字体放在该文件夹下
在资源文件中设置HTML字符串时，使用如下方法

<string name="custom_font_text"><Data><![CDATA[<font color="#ff0000">如果有一天，</font><br> <font color="#00ff00">我厌倦了这里，</font><br><font color="#ff00ff">我会乘着梦，</font><br><font color="#00ffff">飞向那个属于自己的<br>世界……</font><br>]]></Data></string>

在java中调用

//自定义字体
        TextView textView1 = (TextView) view.findViewById(R.id.custom_font_textView);
        AssetManager mgr = getActivity().getAssets();//得到AssetManager
        Typeface tf = Typeface.createFromAsset(mgr, "fonts/jdxsj.TTF");//根据路径得到Typeface
        textView1.setTypeface(tf);//设置字体
        textView1.setText(Html.fromHtml(getActivity().getString(R.string.custom_font_text)));//格式化html格式字符串
        textView1.getPaint().setFakeBoldText(true);//设置中文加粗
        //textView1.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD));//加粗方法2

5.TextView中插入图片
插入图片有两种方法
方法1：使用xml布局文件中一系列android:drawableXXX属性来实现插入图片。具体为：drawableBottom是在文本框内文本的底端绘制指定图像；drawableLeft是在文本框内文本的左边绘制指定图像；drawableRight是在文本框内文本的右边绘制指定图像；drawableTop是在文本框内文本的顶端绘制指定图像；drawablePadding设置文本框内文本与图像之间的间距
示例代码：

<TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/yxs"
            android:drawableBottom="@mipmap/yxs"
            android:drawableLeft="@mipmap/yxs"
            android:drawableRight="@mipmap/yxs"
            android:text="@string/picture_around_text"
            android:textSize="20sp"
            android:gravity="center"
            />

方法2：用ImageGetter类来对图片的src属性进行转换。示例代码如下：


 //插入照片
  String htmlstring = "<img src='" + R.mipmap.yxs + "'/>";
        textView2.append(Html.fromHtml(htmlstring, new Html.ImageGetter() {

            @Override
            public Drawable getDrawable(String source) {
                int id = Integer.parseInt(source);
                Drawable d = getResources().getDrawable(id);
                //图片缩放
                d.setBounds(0, 0, 40, 40);
                return d;
            }
        }, null));

6.部分文字变色、添加点击事件监听
利用SpannableString类

TextView textView2 = (TextView) view.findViewById(R.id.insert_picture_textView);
        String string = getActivity().getString(R.string.insert_picture_text);
        String[] strings = string.split(" ");
        SpannableString spannableString = new SpannableString(string);
        //利用SpannableString设置文字颜色
        spannableString.setSpan(new ForegroundColorSpan(Color.GREEN), 0, strings[0].length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //利用SpannableString设置文字点击
        spannableString.setSpan(new ClickableSpan() {
            @Override
            public void onClick(View widget) {
                Toast.makeText(getActivity(), "Click me!!!", Toast.LENGTH_SHORT).show();
            }
        }, strings[0].length() + 1, string.length() - strings[2].length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        //利用SpannableString设置背景颜色
        spannableString.setSpan(new BackgroundColorSpan(Color.GRAY), strings[0].length() + strings[1].length() + 2, string.length(), Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
textView2.setText(spannableString);       textView2.setMovementMethod(LinkMovementMethod.getInstance());

7.文字阴影效果
方法1：java代码中
使用TextView 的setShadowLayer方法
第一个参数为模糊半径，越大越模糊。 第二个参数是阴影离开文字的x横向距离。 第三个参数是阴影离开文字的Y横向距离。 第四个参数是阴影颜色。

TextView textView3=(TextView)view.findViewById(R.id.shadow_textView);
textView3.setShadowLayer(10,15,10,0x7f0000ff);

方法2：设置TextView style属性。

res/values/styles.xml

 <style name="ShadowText">
        <item name="android:paddingLeft">4px</item>
        <item name="android:paddingBottom">4px</item>
        <item name="android:textColor">#0f0</item>
        <item name="android:textSize">60sp</item>
        <item name="android:shadowColor">#7f0000ff</item>
        <item name="android:shadowDx">10</item>
        <item name="android:shadowDy">5</item>
        <item name="android:shadowRadius">3</item>
</style>

在TextView中使用style

  <TextView
            android:id="@+id/shadow_textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/shadow_text"
            android:textSize="60sp"
            android:layout_gravity="center_vertical"
            style="@style/ShadowText"/>

8.圆角边框和渐变背景
利用shape实现
res/drawable/bg_border.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">

    <!-- 圆角 -->
    <corners
        android:bottomLeftRadius="20dp"
        android:bottomRightRadius="20dp"
        android:radius="9dp"
        android:topLeftRadius="20dp"
        android:topRightRadius="20dp"/>
    <!-- 设置圆角半径 -->

    <!-- 渐变 -->
    <gradient

        android:centerColor="#00ff00"
        android:endColor="#0000ff"
        android:startColor="#ff0000"
        android:type="linear"
        />

    <!-- 间隔 -->
    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp"/>
    <!-- 各方向的间隔 -->

    <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="50dp"/>
    <!-- 宽度和高度 -->

    <!-- 填充 -->
    <!--<solid-->
    <!--android:color="@android:color/white"/>-->
    <!-- 填充的颜色 -->

    <!-- 描边 -->
    <stroke
        android:width="2dp"
        android:color="#f0f"
        android:dashGap="2dp"
        android:dashWidth="1dp"/>

</shape>

在TextView中使用shape

<TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/gradient_text"
            android:textSize="20sp"
            android:gravity="center"
            android:background="@drawable/bg_border"/>

开发工具：Android Studio1.4
SDK: Android 6.0
API 23

代码下载：MultiTextView.zip
本文为博主原创，如需转载请注明来源！

sanxiaochengyu
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android textView应用简单示例
03-16
在Android开发中，TextView是一个非常基础且重要的组件，它用于显示单行或多行文本。TextView在用户界面设计中扮演着信息展示的角色，无论是简单的文字显示还是复杂的格式化文本，它都能胜任。在这个“Android ...
（转载）Android花样Text，设置TextView的字体、颜色、超链接等
Android_xiong_st的博客
04-14 382
Android花样Text设置神器之SpanableString
（转）#小美化#Android给TextView设置透明背景、圆角边框
热门推荐
a7a9a68的专栏
09-04 1万+
转自：http://blog.csdn.net/welovesunflower/article/details/7926530 方便自己查阅~ 第一种方法：在drawable文件夹下新建一个文件设置背景样式 代码： 在drawable文件夹下面新建text_view_border.xml <corners android:topLeftRadiu
对AttributeSet和defStyle的理解
baggio1006的专栏
02-28 710
在通过xml文件构造view组件的时候，往往都要使用到AttributeSet和defStyle这个两个参数，例如Button组件的构造方法Button(Context ctx, AttributeSet attrs, int defStyle)中，ctx会调用obtainStyledAttributes( AttributeSet set, int[] attrs, int defStyleAt
android textview外发光,自定义View-第十四步：setShadowLayer阴影与SetMaskFilter发光效果...
weixin_30245667的博客
05-27 1401
前言根据启舰 的博客所学习的自定义View。一、setShadowLayer构造函数public void setShadowLayer(float radius, float dx, float dy, int color)radius:模糊半径，radius越大越模糊，越小越清晰，但是如果radius设置为0，则阴影消失不见dx:阴影的横向偏移距离，正值向右偏移，负值向左偏移dy:阴影的纵向偏...
android append函数,记一次Android性能优化的问题 - TextView的append方法
weixin_39924481的博客
05-25 803
最近楼主在做毕设，其中有一个评论回复的功能。在做的过程中，发现了一个问题，就是TextView在加载表情的过程非常慢。如图：demo.gif作为优(闲)秀(的)码(蛋)农(疼)的我们，肯定不允许这种事情存在。所以，让我们来看看到底哪里导致了这么明显的卡顿。本文参考文章：1. 定位问题由于每个人的代码不一样，所以造成卡顿的原因也是不尽相同的。本文只是记录自己在性能优化方面的一些心得和经验，只做参考。...
Android高级应用源码-textView根据长度自动换行.zip
12-17
在Android开发中，TextView是用于显示文本的基本组件，它在用户界面中扮演着重要的角色。当我们需要在TextView中展示较长的文本时，自动换行功能就显得尤为重要。这个"Android高级应用源码-textView根据长度自动换行...
Android高级应用开发课程教学模式的建构.pdf
09-21
【Android高级应用开发课程教学模式的建构】 在构建Android高级应用开发课程的教学模式时，我们需要考虑以下几个关键知识点： 1. **Android系统架构**：理解Android系统的基础架构是至关重要的，包括Linux内核、...
Android应用源码之4.TextView控件学习-IT计算机-毕业设计.zip
04-06
这份“Android应用源码之4.TextView控件学习”的资源旨在帮助开发者深入理解并熟练掌握TextView的使用，对于进行毕业设计或者论文撰写具有很高的参考价值。 TextView在Android中的地位不可忽视，它是Android SDK...
Android TextView 阴影效果（投影）
banyun1944的博客
11-06 759
Android TextView 阴影效果（投影） 四个参数： 1 2 3 4 android:shadowColor="@color/white" android:shadowDx="0" android:shadowDy="1" ...
Android 自定义View 开发 入门与实践3 shadowlayer 阴影 BlurMaskFilter 发光 LinearGradient
FlyPig_Vip的博客
07-09 789
7.2 setShadowLayer与阴影效果 public class MyTextView extends TextView { private Paint mPaint; private Bitmap bitmap; public MyTextView(Context context) { this(context, null); } public MyTextView(Context context, @Nullable Attr
Android进阶之路 - 字体阴影、文字阴影
Android、前端、小程序、后端
05-31 1813
设计说了字体有阴影效果，赶紧帮忙实现一下... 嗯...就四行代码？
android中给TextView或许Button的文字添加阴影效果
FastThinking的专栏
01-15 2365
转自http://www.myexception.cn/android/1236047.html 学习目标： 1.什么是阴影？什么是文字阴影？ 2.阴影的参数有哪些？模糊度，偏移量，阴影颜色 android中给TextView或者Button的文字添加阴影效果 1在代码中添加文字阴影 TextView 有一个方法 /**      * Gives the t
TextView文字阴影 shadow
火星男孩的分享空间
08-31 395
xml实现 <TextView android:id="@+id/tv5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:gravity="center" android:shadowColor="#FF0000" android:shadowDx="1" an
Android的UI开发——TextView
最新发布
shanhe_yuchuan的博客
12-29 371
TextView中文字类型修改
Android 多样化显示TextView以及扩展Html自定义标签
Blue
08-12 1万+
TextView作为一个我们经常使用到的控件，特别是在写界面的时候肯定都遇到过以下的几种情况（直接用图片来表达是最清晰的） ，如何去进行多样式的展示
android 阴影背景显示文字_Android TextView 显示文字阴影效果
weixin_28699983的博客
01-26 193
TextView控件有一个方法是控制阴影的加入的：mTextView.setShadowLayer(10F, 11F,5F, Color.YELLOW); 第一个参数为模糊半径，越大越模糊。 第二个参数是阴影离开文字的x横向距离。 第三个参数是阴影离开文字的Y横向距离。 第四个参数是阴影颜色。第二种方式是将TextView控件的style单独写成一个.xml文件进行添加。res/values/st...
android textview 添加阴影效果：Paint.setShadowLayer is not supported
ws1836300的博客
01-11 5237
今天做一个关于设置 TextView 阴影 的  小程序时发现  提示： The graphics preview in the layout editor may not be accurate: Paint.setShadowLayer is not supported. (Ignore for this session) 大意就是：你的预览图和 实际显示的界面可能不一样。Pai
精通Android应用程序开发：从入门到高级
Java是早期Android开发的主要语言，而Kotlin逐渐成为首选，因为它提供了更简洁的语法和更好的安全特性。开发者通常在Activity类中编写业务逻辑，利用生命周期方法控制应用状态。 5. 数据存储： Android提供了多种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sanxiaochengyu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值