声明式UI(Declarative)和命令式(Imperative)UI的差异?

声明式与命令式UI:对比与理解
本文探讨了声明式UI与命令式UI的区别。声明式UI注重描述最终结果,如使用KotlinDSL来定义UI状态,而命令式UI则详细说明执行步骤,如Android中设置视图属性。声明式UI简化了代码,提高了可读性,而命令式UI提供了更多控制权。Android XML作为声明式配置,需要映射到视图树并进行命令式更新。

声明式UI(Declarative)和命令式(Imperative)UI的差异?

声明式

这里应该展示一个缩小50%的,旋转180的图片。可以表示为,what should happen。

命令式

需要将ImageView设置50%缩放、180度旋转,并加载图片地址。表示为how it should happen

个人想法

Android xml为通用的配置标记语言,是用来描述View,运行时需要映射为View绘制树,View承担了绘制和响应时间的责任,此时更改树中节点,需要命令式设置数据或状态,进而在下次vSync刷新视图时重新绘制。而声明式UI,借助了Kotlin DSL,通过高阶函数实现,DSL和Kotlin之间互相零成本调用,打破了类似xml和java,jsp和Java之间的语法不通的墙。通过“描述”View达到最终想要的结果。

介绍:facebook开源了litho一个高效的声明式UI框架。运行效果:使用说明:dependencies {   // ...   // Litho   compile 'com.facebook.litho:litho-core:0.2.0'   compile 'com.facebook.litho:litho-widget:0.2.0'   provided 'com.facebook.litho:litho-annotations:0.2.0'     annotationProcessor 'com.facebook.litho:litho-processor:0.2.0'      // SoLoader    compile 'com.facebook.soloader:soloader:0.2.0'     // Optional   // For debugging   debugCompile 'com.facebook.litho:litho-stetho:0.2.0'     // For integration with Fresco   debugCompile 'com.facebook.litho:litho-fresco:0.2.0'     // For testing   testCompile 'com.facebook.litho:litho-testing:0.2.0' }测试是否安装成功可以在activity中使用Litho创建一个view来测试是否安装成功。首先,初始化SoLoader。Litho依赖于SoLoader,它帮助加载由布局引擎Yoga提供的本地库。Application类适合做这件事情:[MyApplication.java] public class MyApplication extends Application {     @Override   public void onCreate() {     super.onCreate();          SoLoader.init(this, false);   } }然后把一个Litho文本控件放到一个activity中,显示“Hello World!”:[MyActivity.java] import com.facebook.litho.ComponentContext; import com.facebook.litho.LithoView;   public class MyActivity extends Activity {     @Override   public void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);          final ComponentContext c = new ComponentContext(this);       final LithoView lithoView = LithoView.create(       this /* context */,        Text.create(c)             .text("Hello, World!")             .textSizeDip(50)             .build());            setContentView(lithoView);   } }现在运行app应该就能看到屏幕上显示“Hello World!” 了。注:不久前翻译了一篇文章Components for Android: 一个高效的声明式UI框架 ,现在判断就是说的这个库了,那个时候还没开源。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值