EasyClick 原生UI连载十二

最新推荐文章于 2023-10-07 15:43:06 发布

Mr -老鬼

最新推荐文章于 2023-10-07 15:43:06 发布

阅读量1.5k

点赞数 1

分类专栏： EasyClick原生UI系列免费课程文章标签： android

Mr、老鬼/QQ:1156346325/老鬼编程学院/https://laoguicom.top/doc/2/

本文链接：https://blog.csdn.net/qq_21460781/article/details/115675641

版权

EasyClick原生UI系列免费课程专栏收录该内容

29 篇文章 17 订阅

订阅专栏

EasyClick 原生UI 连载目录

EasyClick 原生UI 教程

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

原生UI连载之xml悬浮窗

效果图

有点丑不要介意，只是个例子，可以自行修改美化。
在这里插入图片描述

了解下兄弟篇动态显示数据：EasyClick 原生UI连载十四悬浮窗动态显示标识
悬浮窗按钮交互篇：EasyClick 原生UI 连载 XML悬浮窗按钮交互
悬浮按钮框架篇：EasyClick 原生UI连载二十八

悬浮窗UI布局float.xml

下面是重点
用xml写一个悬浮窗UI然后代码显示出来

<!-- float.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="wrap_parent"
	            android:layout_width="wrap_parent"
	            android:orientation="vertical"
	            android:tag="float">
    <LinearLayout   android:layout_width="match_parent"
			        android:layout_height="200dp"
			        android:orientation="vertical">
			        
	      <TextView   android:layout_height="wrap_parent"
	                  android:layout_width="wrap_parent"
	                  android:text="悬浮窗"/>
                  
     	   <Button   android:layout_width="200dp"
      	       		 android:layout_height="40dp"
           		     android:text="悬浮窗按钮"/>

    </LinearLayout>

</LinearLayout>

main.js 部分代码

//  使用样例 根据自己需求修改 main.js 
	let p = floaty.requestFloatViewPermission(1000)
    logd("是否有浮窗权限: "+p);
    sleep(1000)
    floaty.close("123")
    sleep(1000);
    floaty.showFloatXml("123","float.xml",0,500);
    sleep(20*1000);

更多使用方法如下：

   let tag = "float"
   // 关闭悬浮窗
   floaty.close(tag);
   //更新尺寸  宽  高
   floaty.updateSize(tag,800,1200);
   //更新X坐标
   floaty.updateX(tag,100);
   //更新X坐标
   floaty.updateY(tag,100);
   //更新不可触摸状态
   floaty.touchable(tag,false);
   //更新可以触摸状态
   floaty.touchable(123,true);

悬浮窗代码写法

js代码

 let p = floaty.requestFloatViewPermission(1000)
    logd("是否有浮窗权限: " + p);
    sleep(1000)
    floaty.close("123")
    sleep(1000);
    importPackage(android.widget);
    importPackage(android.graphics);
    importPackage(android.view);
    importPackage(android.text);
    let tv = new TextView(context);

    tv.setBackgroundColor(Color.parseColor("#00FFFFFF"))
    let view = floaty.showFloatView("123",tv,0,700);
    logd(view);
    for (let i = 0,end = 100;i<end;i++){
        ui.run(1000,function (){
            tv.setText("运行次数:"+i);
        })
        logd(i);
        sleep(1000);
    }
    floaty.close("123");