EasyClick 原生UI連載目錄
- EasyClick 原生UI教程
- EasyClick 原生UI之 TextView 跑馬燈特效
- 效果圖
- 編輯xml 設計一個簡單UI
- 編輯ui.js 代碼調整textview屬性
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://www.uj5u.com/yidong/277371.html
標籤：其他
上一篇：Android原始碼環境下，用記事本制作一個使用JNI的APK
下一篇：JSBridge橋接原理