weiV

github.com/hackware199…

weiV（发音同 wave），一个基于 Android View 系统的全新声明式 UI 开发框架。核心源文件只有 30 KB。

if ("weiV" == "View".reversed()) {
    Log.d(
        "weiV",
        "它意味着控制反转，你始终应该直接操作 UI 的描述 Widget 而不是直接操作 View。"
    )
}

它具有以下优势：

  1. 声明式的 UI 写法让原生开发效率翻倍
  2. 达到或超越 View 系统的性能
    1. 我将我的 Flutter ConstraintLayout 移植到 Anflutter有必要学吗droid，依托它先进的布局算法，在不引入固有特性测量的情况下，让 View 树中的子元素在任何jvm是什么意思情况都只会被 ljava编译器ayout 一次，使得任意嵌套不会引起性能问题。即便 View 树中的每个层级宽高都是 wrap_content 和 match_parent 混用
    2. xml 将被抛flutter菜鸟教程弃
  3. 你所有的现有 View 系统的经验都将得到保留
  4. 所有的现有 UI 组件jvm优化都将得以复用
  5. 它使用 Kotlin 编写，但友好的支持 Java
  6. 目前已经开始初步支持实时生效的动态jvm内存模型化。你可以下发 JS，使用 JS 来写页面逻辑，并生成描述 Widget 树的 JSON 传递给原生，原生使用非反射的方式将其转为真正的 Widget 树并渲染。后面可能会考虑在 JS 中实现声明java模拟器式 API

没有人愿意推翻自己过去在 Vjavascriptiew 系统的经验，Compose 的设fluttershy计太过糟糕。

进展

目前完成了 DSLjvm内存模型 的定嵌套分类汇总怎么做义，可以解析成 Widget 树了，DSL 风格如下：

Kotlflutter是什么意思in 风格：

class WeiVCounterKotlinActivity : WeiVActivity() {
    private var count = 0
    private val maxCount = 10
    private val minCount = 0
    override fun build() = WeiV {
        Flex {
            it.orientation = FlexDirection.VERTICAL
            Button(text = "Add count", enable = count < maxCount, onClick = {
                setState {
                    count++
                }
            })
            Button(text = "Sub count", enable = count > minCount, onClick = {
                setState {
                    count--
                }
            })
            Text(text = "count = $count")
        }
    }
}

Java 风格：

public class WeiVCounterJavaActivity extends BaseWeiVJavaActivity {
    private int count = 0;
    private int maxCount = 10;
    private int minCount = 0;
    @Override
    public WeiV build() {
        return WeiV(() -> {
            Flex((it) -> {
                it.wOrientation(FlexDirection.VERTICAL);
                Button().wText("Add count").wEnable(count < maxCount).wOnClick(v -> {
                    setState(() -> {
                        count++;
                    });
                });
                Button().wText("Sub count").wEnable(count > minCount).wOnClick(v -> {
                    setState(() -> {
                        count--;
                    });
                });
                Text().wText("count = " + count);
            });
        });
    }
}

Android 全新声明式 UI 开发框架 weiV ，给 View 系统插上翅膀。

目前已实现以下功能，并还在快速迭代中

  1. 可扩展
    1. 轻松适配第三方控件以实现声明式 API
    2. 内部的实现可替换，比如 Text 默认使用 TextView 渲染，你可以替换成 Ajava培训ppCompatTextView
  2. 基于嵌套结构 WebView 提jvm垃圾回收机制供了 JsContext，配合 WeiVParser 可实现简易的动态化，后面会继fluttershy续增强
  3. 友好的、完整的支持 Java
  4. 提供了 XmlViewWidget 让你无需写扩展即可内嵌所有现有 View 并实现声明式 API
  5. 提供了 Sta嵌套结构tefulWidget 以实现子树状态的单独管理，有了它你不再需要 Fragment
  6. 提供了 WeiVVijava是什么意思ew、WeiVJavaView 来把 weiV 嵌入到任何地方
  7. 提供了 UI 模块化方案

近期计划：

  1. 完善声明式架构的核心逻辑，以支持 Widget、ElementJava、View 三棵树高效更新
  2. 移植 Flutter ConstraintLayout 以实现上述性能目标，elementary并带来前所未有的开发效率和体验，Compose 提供的 ConstraintLayout 还flutter面试题没摆脱命令式思维，用起来实在是低效
  3. 重写 RecyclerViewjvm内存模型、ViewPager2 等常用核心控件以嵌套查询实现声明式 API
  4. 对所有系统内置常用组件进行包装以实现声明式 API，部分可能会重写
  5. 以极其简单的方式支持动画，属性动画在声明式体系下已不合适
  6. 开发布局预览，这个可能有点麻烦
  7. 为 Android 实现带状态的热重载。通过开发一个 Android Studjvm垃圾回收机制io 插件，当你更改了代码以后，插件根据最新代码生成 Widget 树的 JSelementary翻译ON 并通过 ADB 发送到 App，App 将java环境变量配置 JSON 还原成真实的 Widget 树并重新渲染 UI。整个过程应用的状态得以保留。这将进一步提升 Androflutter菜鸟教程id 开发的效率

预计flutter面试题所有的代码写完，代码量在 3 万行左右。

终极目标：Java 下的唯一声明式 UI 开发框架，Kojava培训tlin 下比 Compose 更好的声明jvm性能调优式 UI 开发框架。

有人可能会说 Compose 支持跨平台，嵌套if函数我想跨平台你应该首选 Flutter 而不是 Composeelement翻译。

在任何时候都应该优先考虑使elementary是什么意思用 Flutter 来开发 UI 部分。java面试题即便嵌套查询没有跨端的需求，在性能不成问题的flutter开发的app有哪些时，它带给你的效率是elementanimation成倍java怎么读的。未来也许 80% 的flutter面试题 UI 将采用 Flutter 构建。如果你因为嵌套地狱放弃了 Flutter，那么现在是时候重新捡起来了，因为我的 Flutter ConstraintLayout 已经根治了嵌套地狱。

weiV 是可扩展的。它会内置所有常用的 Widget，这些 Widget 都是对系统 View 的包装。但对于第三方库，就需要写扩展，写起来也极其简单，比如给 Buttofluttershyn 的扩展如下：

class weiVButton @JvmOverloads constructor(
    key: Key? = null,
    layoutParam: LayoutParam<*>? = null,
    var text: String = "",
    var textSize: Float = TextConst.defaultTextSize,
    var textColor: Int = TextConst.defaultTextColor,
    var onClick: View.OnClickListener? = null,
    var enable: Boolean = true
) :
    LeafRenderWidget<Button, weiVButton>(key, layoutParam), IWeiVExtension,
    ISerializableWidget<weiVButton> {
    override fun createView(context: Context): Button = Button(context)
    override fun doParameter(view: Button, first: Boolean): Button {
        if (view.text != text) {
            view.text = text
        }
        if (view.currentTextColor != textColor) {
            view.setTextColor(textColor)
        }
        if (view.textSize != textSize) {
            view.textSize = textSize
        }
        view.setOnClickListener(onClick)
        if (view.isEnabled != enable) {
            view.isEnabled = enable
        }
        return view
    }
    @JavaOnly
    fun wText(text: String): weiVButton {
        this.text = text
        return this
    }
    @JavaOnly
    fun wTextSize(textSize: Float): weiVButton {
        this.textSize = textSize
        return this
    }
    @JavaOnly
    fun wTextColor(textColor: Int): weiVButton {
        this.textColor = textColor
        return this
    }
    @JavaOnly
    fun wOnClick(onClick: View.OnClickListener?): weiVButton {
        this.onClick = onClick
        return this
    }
    @JavaOnly
    fun wEnable(enable: Boolean): weiVButton {
        this.enable = enable
        return this
    }
    override fun fromJson(jsonObj: JSONObject, param: Map<String, Any?>): weiVButton {
        text = (param["text"] as String?) ?: ""
        textSize = ((param["textSize"] as Double?) ?: TextConst.defaultTextSize).toFloat()
        val colorStr = param["textColor"] as String?
        textColor = if (colorStr != null && colorStr.startsWith("#")) {
            Color.parseColor(colorStr)
        } else {
            TextConst.defaultTextColor
        }
        return this
    }
    override fun toString(): String {
        return "weiVButton(text='$text', textSize=$textSize, textColor=$textColor, enable=$enable)"
    }
}
@KotlinOnly
fun WeiV.Button(
    key: Key? = null,
    layoutParam: LayoutParam<*>? = null,
    text: String = "",
    textSize: Float = TextConst.defaultTextSize,
    textColor: Int = TextConst.defaultTextColor,
    onClick: View.OnClickListener? = null,
    enable: Boolean = true
): weiVButton {
    return addLeafRenderWidget(
        weiVButton(
            key = key,
            layoutParam = layoutParam,
            text = text,
            textSize = textSize,
            textColor = textColor,
            onClick = onClick,
            enable = enable
        )
    )
}

weiV 基于 View 系统，因此它可以嵌入到 Viejavaeew 树的任何地方。你可以在 weiV 中嵌入 Compoelements中文翻译se、Fluttelementaryer，也可以在 Compose、Flutter 里嵌入 weiV。推荐在 Compose 顶层嵌入 weiV 以改善 Compose 的性fluttering能。

预计很快 weiV 就可以真正跑起来了。但还任重而道远。首先需要移植 Flutter ConstraintLayout，其次大概率会重写一个 wei嵌套查询V 版本的 RecyclerView，以支持像 Flutter 那样简单的列表用法，不需要写 Adapter。

订阅我的微信公众号（FlutterFirst）以及时获取 weiV 的最新动态。后续也会分享一些高质量嵌套虚拟化的、独特的、有思想的 Flutter 和 Android 技术文章。

支持我

如果它对你帮助很大，可以考虑赞助我一杯奶茶，或者给个 star。你的支持是我继续维护的动力。

联系方式

hackware1993@gmaijavascriptl.com

协议

MIT License
Copyright (c) 2022 hackware1993
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
associated documentation files (the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge, publish, distribute,
sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES
OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.