当前位置:主页 > 查看内容

EasyClick 原生UI连载十六

发布时间:2021-07-28 00:00| 位朋友查看

简介:EasyClick 原生UI连载目录 EasyClick 原生UI教程 EasyClick 原生UI之 TextView 跑马灯特效 效果图 编辑xml 设计一个简单UI 编辑ui.js 代码调整textview属性 EasyClick 原生UI教程 讲师Mr-老鬼QQ1156346325 EasyClick 原生UI教程电梯直达 EasyClick 原生UI教……

EasyClick 原生UI教程

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

EasyClick 原生UI之 TextView 跑马灯特效

效果图

在这里插入图片描述

编辑xml 设计一个简单UI

pmd.xml代码如下

<?xml version="1.0" encoding="utf-8"?><!--
  ~ Copyright(c) 2021,
  ~    项目名称:619
  ~    文件名称:pmd.xml
  ~    创建时间:2021/4/16 下午4:02
  ~    作者:laogui
  -->

<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" />
<!-- 注意上面的 android:ellipsize="marquee" 属性 代码里要控制这个TextView 所以必须加 tag 属性--> 
</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-老鬼 ~转载请注明原文地址

;原文链接:https://blog.csdn.net/qq_21460781/article/details/115764507
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!
上一篇:JSBridge桥接原理 下一篇:没有了

推荐图文


随机推荐