duangsuse::Echo

#android #gui #design #drawing https://tttttt.me/AndroidDevCn/184450
https://tttttt.me/AndroidDevCn/184426
Activity 透明模糊背景 4.0 删了，新 RenderEffect 可以作用于 View 但需要 API S 🌚
iseki:
请教下群友们，想弄个毛玻璃activity…但是完全没想明白咋弄🙈
不是…我是说…半透明的活动，背景毛玻璃🙈
找了半天一个扭曲的实现是截屏+模糊🙈不想这么扭曲

Ghost Flying:
你可以渲染到 SurfaceTexture backed 的 virtual display 上，然后用 OpenGL 加滤镜贴主屏，然后透传触摸事件（

iseki:
不知道Android咋合成的，要是依次在一个表面上画所有activity，那应该行吧
Ghost Flying:
就是多个 window 当成 layer 来合成

题外话， #Android #marker glide #build https://tttttt.me/AndroidDevCn/184384

duangsuse in [CN] Android Dev

渲染到位图然后加滤镜当背景…… 为什么要传事件呢🤔

半透明活动应该不可能拿到活动后的背景吧，用户隐私呢

噢这么说应该是两个活动都你 app 的，然后前者直接截自己图加滤镜贴上面装毛玻璃，另外一个活动 UX？😳

这种一般都是 modal 对话框，触摸需求没有吧

93 viewsduangsuse, edited 07:24

duangsuse::Echo

https://tttttt.me/c/1119363280/115431 #android #gui #drawing ConcatAdapter? 🤔

https://tttttt.me/AndroidDevCn/185652 AsyncTask, os.Handler
感觉新时代可以用闭包换 onInit(), progess 和 done 都做成 receiver param

https://tttttt.me/AndroidDevCn/185715 ASM apt

https://tttttt.me/AndroidDevCn/185870 #flutter 🤔 跨平台麻烦？

Luke in [CN] Android Dev

我看到项目里面,有人暴力new thread 然后Handler post出来……各种嵌套 ,我感觉还不如用asynctask

89 viewsduangsuse, edited 00:35

duangsuse::Echo

https://tttttt.me/AndroidDevCn/186209 #Android #GUI
https://tttttt.me/AndroidDevCn/186265 #net #Java websocket TooTallNate的一个库
https://tttttt.me/AndroidDevCn/186329 storage
https://tttttt.me/AndroidDevCn/186442 https://github.com/anggrayudi/SimpleStorage
https://tttttt.me/AndroidDevCn/186483 代理监听 WebView 的 longclick 并 doc.elementFromPoint

https://tttttt.me/AndroidDevCn/186588 insets

TigerBeanst | 想去碎空星 in [CN] Android Dev

没有，就是一直会处于 MotionEvent.ACTION_MOVE 的状态，一定要我把手指移出去再回来再放手才能UP，否则一直是MOVE，也达不到Cancel。

用的是React-Native，log里提示 unknown:ReactNative: Can't cancel already finished gesture. Is a child View trying to start a gesture from an UP/CANCEL event?
但是排查应该是没有其他子布局在前头的（唯一…

66 viewsduangsuse, edited 23:04

duangsuse::Echo

#statement #functional #js #GUI #dom
再说 Reactive... 等等这不是 Rx 类框架的招牌吗٩(๑`н´๑)۶ 看来 -ive 的词性都容易后宫起火啊草。
React 用 functional MEMO 提升控件更新性能根本就是弱智措施， memo 即备忘录，用 hash 表实现函数输入输出对应的缓存，这样对类似 Text 的控件，同输入多次调用不产生额外计算和内存开销，应用在树 render() 上时相当于自动实现 shouldComponentUpdate() ，尽量复用旧的渲染结果，对树遍历减少重建操作量，相当于仅重建了真正变更的控件。

经典版暴露 shouldUpdate 已经很没水平了，说好的面向 state 编程呢？在我看来这个 Reactive 所做的就是「把所有控件的所有变量暴露到一个 state 里方便读写操作」，那么凭什么程序员要操心什么 update 啊 memo 啊，记得很像还有 SMUV(state,message,update-event,view)模型，实际上根本不能便利地 handle 多少东西，就是个秀儿。

当然，其实真正的 relational 编程也是这样，关系式 state/var/eq/both/either 靠 enumerate&filter 可以解出 x+1=2 这样的线性方程，甚至能得出 a+b=9 的所有可能性，只是需要 interleave([a,b]) 两个变量先后递增构造 state 迭代，然后 unify 一下同步恒等关系(双向版变量引用)而已

可是这和 DOM 有多大关系？比如我有个

class Main: DUI() { fun view() = el("il", withNone, Counter(0)) }
class Counter(var n): DUI() {
  fun view() = elDiv(withNone, elText(ref(this.n)))
  fun inc() { n+=1 }
}

其实渲染 Main 的时候连给子控件注入其路径都不需要！也不需要专门分析 DOM diff 的哪个 tag 哪个 attr 还是 text ，直接拿住自己的 HTMLElement 的引用就够完成全部 update 了，所以说搞那么复杂？

要是想兼容 haml 或者 E4X 内联 XML ，直接做个中部翻译成 el 调用就行，反正 DOM 元素动态创建最好是 createElement ，逃不开运行时开销。

想实现控件属性事件到 update 代码的方法很简单，因为 js ref(a.prop) 并不会传入 a 相关的信息，编译期把 op(ref(a.prop)) 变成 refAddRel(a,"prop",v=>op(v)) 就可以了，这种方法换成处理全部代码，引用处 a.prop=x 自动更新就变成上面那个框架S 的实现方法，接口上是兼容的，只不过 refAddRel(o,k,op) 从 defineProperty 变成编译期打监听表。

变形方法很简单，walk 到 FCall 节点记作基点，如果是 op(ref(o.prop)) 就把基点变成 refAddRel 的调用，如果是 ref(v) 这种不知道 receiver 的情况就请换 Array [v] 报错，反正框架函数可以随便加没必要特别支持 a=ref() 这些语法，兼容的少，反而更优雅。

67 viewsduangsuse, 03:01

duangsuse::Echo

#Android #GUI compose https://tttttt.me/AndroidDevCn/186669

Omico in [CN] Android Dev

55 viewsduangsuse, 11:48

duangsuse::Echo

#Android compose #GUI #app

57 viewsduangsuse, 12:22

duangsuse::Echo

#GUI gnome Widget factory (草

67 viewsduangsuse, 03:36

duangsuse::Echo

#statement #dev #design 编程者像舞蹈编排者一样，就是什么时候做什么事情而已。什么时候是指外部输入和环境变化带来的事件入口及传播；什么事情是指对数据的处理与判断。编程就是总结物上之事的客观规律并加以主观控制，实际一步就是美感地设计代码/项目的结构和利用下层接口。程序的设计和科学一样，只要习惯了所处的这个死板的「世界」，明白目标的流程和时序/存储关键点、灵活复用代码，无论看起来多么复杂或强大的程序都能按部就班地设计出来！ #functional 程序序列生成/归纳，比如对第一次/第一项的特殊处理或重复语句…

编程者像舞蹈编排者一样，就是什么时候做什么事情而已。

什么时候是指外部输入和(内部)环境变化带来的事件入口及传播；什么事情是指对数据的处理(读写,生成,归纳)与判断。
编程就是总结物上之事的客观规律并加以主观控制，实际一步就是美感地设计代码/项目的结构和利用下层接口。

程序的设计和科学一样，只要习惯了所处的这个死板的「世界」，明白目标的流程和时序/存储关键点、灵活复用代码，

无论看起来多么复杂或强大的程序都能按部就班地设计出来！

🌝🤔很多时候大家看起来觉得很复杂的软件都是有套路的， Tab(notebook)&indicator ，可移动重组 Panel ， drag&drop ，自定义渲染的子控件

项目保存是序列化、导入导出是表现形式互化，撤销重做是编辑栈，还有设置、按键编辑器什么的，
它们都是很常见的交互组成成分，对多线程的 desktop #gui 而言监听分派和 style 自定义可能没 mobile 麻烦，但是很多人还是不得不利用过低层/辣鸡封装的API定义这些东西，心疼

141 viewsduangsuse, 15:09

duangsuse::Echo

#dev #life #js #web #gui 咱要实现一个 Tab(notebook) 控件。

A: 今日校园的 tab 也要做，这个难度可就不小了
B: 无非是一个 nav 后接个大横列 div ，初始全隐+切首页，切换隐:active+设置新:active 加减 hidden
onclick 的 nav span 元素添加 no 属性，直接和后面横列 div.children 1:1 对应
A: 那么下面的动画条呢？
B: 可以用 canvas 做 background-image repeat-x 再调 offset-x 吧
A: 貌似不可以吧。背景图是不能 overflow 显示的，必须做成单一元素
B: 那就做成 div 条盒子，设置 position:absolute 再切 left width 的 transition 就好了
A: 我想关键的问题是，不同页面间有点元素要复用…… 这就非常头疼
B: 无非就是第二层嵌套是不是 for(pagedIndices)showHide 操作的问题了，我觉得只能做成 div.replacer 的形式，而不能是 tag.copy-to-keep ，当然那样或许性能好些？
A: copy 的问题在于不知在哪重新插入，如何在 DOM 数据上提供这种指定接口，而且恢复也比较麻烦。
B: 2h 写了一个 https://64f1aq.coding-pages.com/HTMLs/school/_2/tabs.html
我用的 plan B，毕竟多两个 node 有点不爽，而且不用 replacer 也能实现 cloneNode 补贴式的x滑动
提供的 api 基于 childNodes[attr("no")] 和 e.groupBy(attr("tabs"))

145 viewsduangsuse, edited 07:18

duangsuse::Echo

#plt 呃，这几天眼睛有点疼，那个网页重构也接近尾声了(目的就是交个PR)，马上把雄狮扭眼的”热度蹭完“，我就能开始二进制pybind了 ……但是到2月我就必须开始制作一个H5动画礼物，以现在这个效率…… （而且之前说的 Java 入门又鸽子了，尽管对话框和离线javac的问题解决，其他内容还是需费精力

说真的我没一次蹭上国内热度，因为每次都是我趁机学了些”没用的“（比如彩字符画、粒子动画、MBR程序、C指针和数组啦），然后数据不好看 😂
这次也是一样，我用shift重映射圆心距l=1~len 环上像素的方式扭曲一块矩形，这个方法是我自己想的（思而不学（我刚刚上网搜了，还没写我这么直白的…… (Android.drawBitmapMesh, web没内建不规则变形)
类似 http://deepred5.com/oppai/ , http://www.htmleaf.com/Demo/201909185795.html (woc dat #gui )这样的。 #Vocaloid 爱好者平时爱看的2D骨架变形是这么做的。
不行这个Grid2Fullscreen #cg webgl实在是太厉害啦 (原作 https://github.com/Anemolo/WebGLDistortionConfigurator . barba.js.org/ 主页动画也很有趣..

它们的原理类似三角形贴图： Mesh=小网格缩放到图片，其上控制点可以移动，相当于小三角在翘曲，例如全向手指位靠(圆挤压 fisheye/pinch C#)
https://blog.csdn.net/lufy_legend/article/details/8084367
当然啦， GLSL 10行内基于笛卡尔座标系() 实现圆的变形是很容易的
https://www.shadertoy.com/view/XsVSW1

翘曲(k=3)
l=length(xy),r=atan2(x,y); //圆心座标<=>直角
l=l*l*k; 放大 //sqrt(dot())速率试试
l=sqrt(l)*k/1; 挤压
p = l * vec2(cos(r)*0.5, sin(r)*0.5);
//xy就是p的新位置

甚至

p *= length((p-mous)* vec2(w/h,1)); fragColor = texture(iChannel0,p);

vec2 p = center - uv ;
float d = length(p),
 factor = .5 * sin( iTime ),
 f =d>.5?0.: exp( factor * ( d - .5 ) ) - 1.;
fragColor = texture( iChannel0, uv+ /*normalize*/(p/d) *f);

算下距离都能做到同样效果(就是我实现漩涡扭曲滤镜的原理

如果只是圆形其实并不困难，重要是在符合直觉…… (啊草
a:数组,x:项,k:键,q:真假,d:{}表 #code

let a="run (\\f x. (+ (+ x 2)3))  (f 1)".split(/([()\s\\\.])/g).filter(s=>s.trim()!=''),i=0;
层=(tk)=>{for(let x,q;x=a[i];){i++;if(x==')')break;q=x=='('; tk.push(q?(x=[]):x); if(q)层(x)}  }
glo={run:a=>a[a.length-1], ['+']:([a,b])=>a+b }
eva=d/*scope*/=>a=>a.values? (a[0]=='\\'?eFun:eCall)(d,...a) : !/\d/.test(a[0])?d[a]  : +a//num
eCall=(d,kf,...a)=>(d[kf]||console.error)(a.map(eva(d)) ) //单步规约
eFun=(d,_,kf,...x)=>{let nArg=x.indexOf('.'),ka=x.slice(0,nArg);x=x.slice(nArg+1);x.unshift("run")//解析:切分 //v 名值表允嵌套
  d[kf]=a=>{if(a.length!=nArg)throw `bad arity for ${nArg}`; let old=zipMap(ka,a, (k,v)=>{let v0=d[k];d[k]=v;return[k,v0]});
  let r=eva(d)(x);old.forEach(([k,v])=>d[k]=v);return r } }

zipMap=(a,b,f)=>a.map((x,i)=>f(x,b[i]))
层(_6=[]); eva(glo)(_6)

调用时才去zipMap(形/实参) 然后解析变量，在运行了KV表仍存在，故称『动态作用域』。若把 eFun:eva(d)(x) ~~注意不是微分！~~ 里d.copy()保留，就无需 let old ，且支持『词法域』 just=x=>()=>x, f=just(0/*x是参数0吗?*/) ，若编号变量、独立调用栈，不返回编程(eCall: 内项Promise.all 后才done +-*/)就实现 continuation(断续函数,协程)

有赖于F12 ，在eCall上打断点/

logs=f=>a=>{console.log(...a);return f(a)};glo["+"]=logs(glo["+"])

再次调用 glo.f([1]) ，可以看到计算过程。 Java上用class造解释器同理，只是给 (run ,if, 1/""/true) 的语义(\f. 内是多表达式) 专门建立Node了而已，因为我们必须区分(顶层/函数内) 是”语句列表“而非调用的特殊「语义」(解释器只看语法树,不知”层级关系“,解析信息必编码为此IR中间表式)，S-表达式里用x[0]标注足矣。解析到此”非规范“AST是完全一样甚至更快的

Node和S-expr 一样吗？ let a=1,b=2 或 import a.* 应该是S不能表达的语法吧？ (= a 1 b 2) (use-all 'a)/甚至变import作用域表就可以。把x[0]当节点类型即可。另外S的本质(前序算式)可以和后序的+-*/优先链、.[]()左先链结合，算符后序按*+重排序

欸，大家也看到我编程风格的变化了：宁可用特殊语法+自己注释也不愿用工程的做法.. 主要是省字数，这里是教程 😅
但如果是省字数却弊大于利的情况，我会写自然点:例如 s.trim()!='' 也可写 !/\s/.test 或 !!s.trim ，这都是有取舍的。我经常对一个表达式改了又删，因为所有写法都不过是茫茫语法树里一片叶子罢了，没啥可稀奇

duangsuse::Echo

明晚7点就是验收日了，我把一小段稿子贴这：

对动苏，无论如何计划好的文章会码完的。我本来就计划写 Java 入门，如果能乘上这次机会，或许会有不一样的收获。虽然人少但回形针前端也是非常靠谱的

<[^编程]是什么，许多大学毕业生也无法回答这个问题。许多人认为程序就是代码、Java代码、C代码，编程=写代码=“编码”，没有意识到 __代码背后的「目标领域」及其上「概念」__，其实，编程是从基础API(如List,int,..)用语言的定义结构(如变量,函数,类)和控制结构，实现自己的应用领域(Android…

67 viewsduangsuse, edited 13:11

duangsuse::Echo

👆6.4的天安门广场，甚至于0伤亡；但重点始终不在于任何历史，或者tank
man的照片谁对谁错， 而是为何当时的环境，导致事件升温、为何无法和平的解决 ，以及为何32年后的今天系统依然要例行维护

历史是被封印的未来。尊重历史，是美日中韩都需努力的做派，或许只是演戏，但一定要演。🤔
https://tttttt.me/VoiceofPooh/100135 台湾社论

https://tttttt.me/VoiceofCN/6540
🕯蘇聯笑話：有個人在紅場散發傳單，但被克格勃逮住。克格勃沒收了所有傳單卻發現那些傳單不過是白紙一張。克格勃想了想，決定把發傳單的人抓捕：你以為我不知道你在說什麼？

https://tttttt.me/swiminthedream/910 #db #gui #app 🧐那为什么不把web应用弄成原生GUI(

「VoP」維尼之聲 - Voice of Pooh🔊

https://m.facebook.com/story.php?story_fbid=389263779913063&id=100064883316254

中華民國台灣外交部
致中国人民

33年前的今天，追求自由民主的声音聚集北京天安门广场，而一夕之间突然静音了，世代记忆就此断裂。

相信你们多少都有感受到，每年到了这一天，有很多事情不能说、不能讲、不能写、甚至不能查。

既然都用VPN看到我们脸书上这段文字了，不妨搜寻一下「六四天安门」，找看看在自己的国家，有什麽讯息被隐藏了，又是谁在刻意隐藏。…

89 viewsduangsuse, edited 08:09

duangsuse::Echo

#rust #gui 🤔Yew 是 #wasm 的前端框架 https://tttttt.me/dsuses/5232

Tauri.app #js 很流行，能够打包到600K 但看起来它只是和html调用rust的工具，或模板引擎

Dropbox,CF 已经应用 Tauri 实现高性能的网页端计算

“我还是搞不太懂技术栈对电量损耗的影响，Native 会比 Web 省电吗？Python 会比 Node 省电，但是 Python + PyGames 会比 Node + Libyue 省电吗？Dart 比 JS 省电，但是带上 Flutter 呢？
https://tttttt.me/im_RORIRI/10799

duangsues.is_a? SaltedFish

当然，请参考以下链接获取有关 Rust 中流行的 UI 框架的更多信息：

1. Yew - Yew 是一个现代化的 Rust 框架，用于构建基于 WebAssembly 的前端应用程序。它采用类似于 React 的组件模型和虚拟 DOM，提供强大的状态管理和事件处理功能。Yew 的官方网站提供详细的文档、示例和指南。
2. Iced - Iced 是一个简单高效的跨平台 GUI 库，专注于构建桌面应用程序。它提供易于使用的 API 和功能强大的 UI 组件，使用函数式反应式编程风格。在项目的 GitHub…

68 viewsedited 01:32

About

Blog

Apps

Platform