EasyClick 原生UI连载十六

EasyClick 原生UI教程

讲师：Mr-老鬼，QQ：1156346325
EasyClick 原生UI教程电梯直达： EasyClick 原生UI教程总纲

EasyClick 原生UI之 TextView 跑马灯特效

效果图

编辑xml 设计一个简单UI

pmd.xml代码如下

<LinearLayout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
              xmlns:android="http://schemas.android.com/apk/res/android"
              xsi:noNamespaceSchemaLocation="layout.xsd"
              android:layout_height="match_parent"
              android:layout_width="match_parent">
              
    <TextView android:layout_width="match_parent"
              android:layout_height="30dp"
              android:text="0"
              android:maxLines="1"
              android:ellipsize="marquee"
              android:tag="textview" />
 
LinearLayout>

编辑ui.js 代码调整textview属性

ui.js 代码如下

/*
 * Copyright(c) 2021,
 *    项目名称:619
 *    文件名称:ui.js
 *    创建时间:2021/4/16 下午4:07
 *    作者:laogui
 */

function main() {
     
    ui.layout("跑马灯测试", "pmd.xml");
    importPackage(android.view);
    importPackage(android.widget);
    importPackage(android.text);
    ui.resetUIVar();
    let tv = ui.textview;                            //  xml里的tag 
    tv.setSingleLine(true);                          // 单行显示
    tv.setFocusableInTouchMode(true);                // 可以通过触摸获取焦点
    tv.setText("---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---我是跑马灯效果---")
    tv.setFocusable(true);                           // 可以获取焦点 
    tv.setEllipsize(TextUtils.TruncateAt.MARQUEE);   // 设置跑马灯显示效果
    tv.setHorizontallyScrolling(true);               // 设置文本水平滚动
    tv.setMarqueeRepeatLimit(-1);                    // 无限循环滚动
    tv.requestFocus();                               // textview 强制获得焦点


}

main();

我是Mr-老鬼、QQ1156346325 。交流QQ群：620028786,647082990
------------------------------------------------版权声明------------------------------------------------------
本文版权所有~Mr-老鬼 ~转载请注明原文地址