Android开发TextView内的文字实现自动换行

目录
  • 前言
  • Layout
    • 构造方法:
  • 拓展
    • 具体实现

前言

相信这个方法Canvas.drawText大家一定不陌生,TextView就是使用它将文字绘制出来。可是这个方法并没有文字换行的功能,也就是说它只能绘制一行;但是TextView的文字却是会自动换行,当页面不足以显示后面的文字时(通过android:breakStrategy属性可以调整换行时机)就会自动换行。查看源码后发现TextView是通过Layout来帮助测量文字。

Layout

Layout是一个抽象类,具体实现有BoringLayout、StaticLayout、DynamicLayout。 简单介绍一下:

  • BoringLayout 无聊的布局,用于单行文本,如果不确定给定的文字是否满足可以调用isBoring方法来判断
  • StaticLayout 静态布局,顾名思义就是不会变化的文本。
  • DynamicLayout 动态布局,文字可以被改变。

这里通过StaticLayout来介绍一下它们的作用。

构造方法:

	val lineSpaceadd = 0.0f //额外的行间距
        val lineSpacemuti = 1.0f//行间距倍数
        //根据不同的版本确认是否使用Builder
        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.M) {
            mLayout = StaticLayout.Builder
                .obtain("传入的String", string的起始坐标, string的结尾坐标, TextPaint(), width)
                .build()
        } else {
        	//传统构造方法
            mLayout = StaticLayout(
                "传入的String",
                TextPaint(),
                width,
                Layout.Alignment.ALIGN_NORMAL,
                lineSpaceadd,
                lineSpacemuti,
                false
            )
        }

我们可以用它来干嘛呢

Layout通过传入的String和width,来计算出每行能显示的文字数量。所以我们能够获取每一行的文字。

	mLayout.lineCount//获取行数
        mLayout.getLineStart(0)//获取第一行在传入String中的起始位置
        mLayout.getLineEnd(0)//获取第一行在传入String中的终止位置
        mLayout.getLineVisibleEnd(2)//获取指定行的最后可见字符(不计算空格的文本偏移量)

Layout有一个draw方法,可以直接把分行的内容绘制到view上。

	val canvas = getCanvas()
	mLayout.draw(canvas)//传入canvas就行啦

拓展

  • 需求

开发了小说的阅读软件,我需要将每一章的内容分配到每一个页面。我需要获取到每一页能够显示的文字数量和文字内容。

  • 解决方案

此时就可以通过Layout把章节内容分行,然后计算每一页能够显示多少行,将每页的内容传递过去。

  • 如何实现

简单描述一下这个分页工具:

需要传入章节的内容,因为要进行分页,肯定是需要它的。

行间距相关的两个参数

lineSpaceAdd 额外的行间距,正数则增加行间距负数则减少,默认为0.0f。

lineSpaceMutil 行间距倍数,没有具体的单位,默认为1.0f,大于1.0f则增加行距,小于则减少。

这两个参数在小说阅读页面还是很重要的。 3. 阅读页面的高度和宽度,通过宽度使得Layout能够将内容分割成行,通过页面高度和行高度就能够能够获取每一页能够显示的行数。 4. 行高度lineHeight

如果你是直接传递的textview来计算的话就是直接textview.getLineHeight()

如果是通过传递textPaint,那么就用这个计算

fun getLineHeight(): Float {
	//公式很简单,也体现出了行间距这两个参数的作用
	return textPaint.textSize * lineSpaceMult + lineSpaceExtra
}

光有这些东西当然是不够的,文字的测量肯定需要知道文字的字体、字号,在这里只需要传入一个TextPaint就可以获取到这些数据了。

具体实现

PagingTool.kt 我纠结了很久最后还是用了单例模式,代码功底不深,有问题欢迎大家指出。

//kotlin中的单例,java的同学不用纳闷
object PagingTool{
    private var width = 0//宽度
    private var height = 0//高度
    private var lineSpaceAdd = 0.0f//额外的行间距
    private var lineSpaceMutil = 1.0f//行间距倍数
    private var text:String = ""//文字内容
    private var textPaint = TextPaint()
    //对于画笔的参数,由于我是把阅读页面的配置保存在数据库中的,通过room框架返回LiveData,实时更新字体字号;当然也可以每次配置变更就手动更新一次。
    private lateinit var mLayout:Layout//工具的核心人物,lateinit就是延迟加载的意思,
    //setter
    public fun setHeight(height: Int) {
        this.height = height
    }
    public fun setWidth(width: Int) {
        this.width = width
    }
    public fun setPaint(textPaint:TextPaint){
    	this.textPaint = textPaint
    }
    public fun setLineSpaceAdd(spaceAdd:Float){
    	lineSpaceAdd = spaceAdd
    }
    public fun setLineSpaceMutil(spaceMutil:Float){
    	lineSpaceMutil = spaceMutil
    }
    //计算行高
    private fun getLineHeight():Int{
    	//上面说到的计算方法
    	return textPaint.textSize*lineSpaceMutil+lineSpaceAdd
        //textView.getLineHeight()
    }
    private fun setText(str:String){
    	text = str
        mLayout = StaticLayout(
                text,
                textPaint,
                width,
                Layout.Alignment.ALIGN_NORMAL,
                lineSpaceAdd,
                lineSpaceMutil,
                false//这个参数不用在意
            )
    }
    //分页
    public fun paging(str:String):List<String>{
    	setText(str)//设置内容,初始化layout
        //边界条件,为0就直接返回整个章节的内容
        if(width == 0 || height == 0)return arrayListOf(str)
        val totalLineCount = mLayout.lineCount//总行数,这个是layout测量出来的
        var pageLineCount = height / getLineHeight() //页面高度除以行高度得到页面允许绘制的行数
        if(pageLineCount < 1)pageLineCount = 1//这种情况,只可能出现在文字巨大,大到页面高度显示不下一行文字,那我还是设置让他显示一行,可以删掉
        var pageCount = totalLineCount / pageLineCount //总行数除以页面允许绘制的行数,得到分页数量
        if (totalLineCount % pageLineCount > 0)//还剩下有几行,组成最后一页
        	pageCount++
        val list = ArrayList<String>()
        //现在就只需要将内容按页添加到这个list中
        for(i in 0 until pageCount){
            var temp = (i + 1) * pageLineCount
            temp--
            if (temp >= totalLineCount)
                temp = totalLineCount - 1
            val start = mLayout.getLineStart(i * pageLineCount)
            val end = mLayout.getLineEnd(temp)
            //获取到每一页的起始坐标,结尾坐标
            val string = text.substring(start, end)
            list.add(string)
        }
        //这个时候就已经把内容分页了,list的size就是页数
        return list
    }
}

手撸的,没有跑过大致思路是这样,也许会有小bug,大问题应该没有吧,看个思路就好,更多关于Android开发TextView自动换行的资料请关注我们其它相关文章!

(0)

相关推荐

  • Android开发手册shape属性和子属性使用说明

    目录 shape属性详解 子属性详解 shape属性详解 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:innerRadius="30dp" android:innerRadiusRatio="2" androi

  • Android开发手册Button按钮实现点击音效

    目录 前言 实践过程 创建个布局 创建Activity AudioBtnUtils.class 结果 前言 大家玩游戏的时候都知道按钮除了点击效果还有点击音效,噗~的一声,就挺灵性的. 在Unity中实现很简单,原生的使用Audio Soure,如果你用过FairyGUI甚至不用写代码,直接妥妥拽拽可视化就搞定了. 突然有一天小空也想着怎么在APP中实现呢?所以准备封装一个. 虽然这个功能在实际开发中并没有多大卵用. 实践过程 好了,既然要实现点击按钮有音效,那么我们先准备一个音效,放到[res

  • Android开发手册TextView控件及阴影效果实现

    目录 实践过程 初识 文字阴影 TextView是Android中最简单也是最常见的控件.今天小空就带大家会会她. 实践过程 初识 经过前两篇常用属性和不常用属性的讲解,是不是有些懵了,不要慌,真实开发中用到的属性其实连五分之一都到不了. 我们先来创建个基本的文本控件 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

  • Android开发手册TextView属性实现效果盘点

    目录 前言 实践过程 如何实现drawable的动画? 图文混排 前言 前面小空带大家了解了TextView的属性,实践了一些自定义粗细,阴影效果,链接形文字. 但这还仅仅局限在用她本身的能力来实现的,那么她还能有什么花样呢? 我们先提出三个问题: 例如有些时钟的显示,那如何让文本带有动画效果? 例如如何让一个文本支持多种颜色和大小? 那有没有统一快捷的方案? 我们带着疑问来看解决方案,大佬直接看最后开源项目. 实践过程 如何实现drawable的动画? 我们用帧动画举例,准备一个序列帧动画,放

  • Android文本视图TextView实现跑马灯效果

    本文实例为大家分享了Android文本视图TextView实现跑马灯效果的具体代码,供大家参考,具体内容如下 MainActivity package com.example.junior; import android.os.Bundle; import androidx.appcompat.app.AppCompatActivity; import android.view.View; import android.widget.TextView; public class MarqueeA

  • Android实现梯形TextView效果

    效果图: 自定义代码实现逻辑: public class LadderTextView extends android.support.v7.widget.AppCompatTextView { private static final String TAG = "LadderView"; private Path linePath; private Paint paint, textPaint; private int width, height; private float str

  • Android开发TextView内的文字实现自动换行

    目录 前言 Layout 构造方法: 拓展 具体实现 前言 相信这个方法Canvas.drawText大家一定不陌生,TextView就是使用它将文字绘制出来.可是这个方法并没有文字换行的功能,也就是说它只能绘制一行:但是TextView的文字却是会自动换行,当页面不足以显示后面的文字时(通过android:breakStrategy属性可以调整换行时机)就会自动换行.查看源码后发现TextView是通过Layout来帮助测量文字. Layout Layout是一个抽象类,具体实现有Boring

  • Android开发实现自动切换文字TextSwitcher功能示例

    本文实例讲述了Android开发实现自动切换文字TextSwitcher功能.分享给大家供大家参考,具体如下: 介绍: 1.TextSwitcher是ViewSwicher的一个子类,继承了ViewSwicher的所有方法 2.与ViewSwitcher的另一个子类类似,TextSwitcher也有 3.ImageSwitcher不同的是:TextSwitcher的ViewFactory方法的 makeVieW() 必须放回一个TextXiew组件. 具体效果: 放射思维: 如果将其和轮播图(h

  • 安卓(Android)开发之分享带文字的图片

    前言 想想我们常用的网易云音乐,允许我们把歌词连带着歌曲的图片拼在一起变成一张图,我们再把这张图片分享出去就好了. 那么,本篇的内容就是动手做一个带文字的图片. 这里也记录下上下文,因为做了一个失物招领的App,当有人上交了失物之后,可以将这个消息分享出去,这个消息内容有物品的信息和图片,而微信SDK始终无法做到,就想着把物品信息嵌入到图片中分享出去,先放一个效果图: 这个分享出去的图片很简单,上面是图片,下面是文字组合在一起. 先要知道,方案的原理是通过操作一个以Bitmap为基础的Canva

  • Android中TextView实现部分文字可点击跳转

    本文实例为大家分享了TextView部分文字可点击跳转的具体代码,供大家参考,具体内容如下 效果图: 需求:每个item的文字都有两部分是连接可点击 当然需要用到SpannableString和ClickableSpan. import android.text.TextPaint; import android.text.style.ClickableSpan; import android.view.View; import com.xuehu365.xuehu.App; import co

  • Android 开发中根据搜索内容实现TextView中的文字部分加粗

    实现方式没有引入任何依赖,轻量级实现需求效果 最近遇到一个需求,需要做一个搜索功能.搜索的内容需要加粗显示. 完成了这个功能后,写下此博客,记录一下实现过程 效果图 首先自定义一个StyleSpan,在StyleSpan里做加粗的等匹配状态的设置 @SuppressLint("ParcelCreator") public class SearchStyleSpan extends StyleSpan { public SearchStyleSpan(int style) { super

  • Android开发中TextView 实现右上角跟随文本动态追加圆形红点

    在一个比较坑的需求里,一段文字右上角需要追加一个圆形红点.最右侧有个金额,红点动态随着文字移动,然后各种摆布局,一下午坑死我了.后来果断放弃.然后就想试试直接自定义view来实现这个需求. 最坑的就是效果下面的第一种情况和第二种情况,就是这两种情况给逼的 废话不说,开搞. 首先自定义个view 继承自 view 类 public class MyViewAndCircle extends View{ } 然后不用说了 ,直接飘红,必须要实现几个必要的方法了. public MyViewAndCi

  • Android重写TextView实现文字整齐排版的方法(附demo源码下载)

    本文实例讲述了Android重写TextView实现文字整齐排版的方法.分享给大家供大家参考,具体如下: XRTextView类 package rong.android.test; import org.json.JSONArray; import org.json.JSONException; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; impor

  • Android自定义TextView实现文字倾斜效果

    前言 由于Android自带的TextView控件没有提供倾斜的(我暂时没有找到),我们可以自定义控件来实现,下面首先来看我们实现的效果图. TextView文字倾斜 其实实现很简单,下面我们来看实现步骤: 1.新建一个类 LeanTextView继承TextView public class LeanTextView extends TextView { public int getmDegrees() { return mDegrees; } public void setmDegrees(

随机推荐