皮皮网

1.layoutinflater.inflate 和 view.inflate 的区别
2.vue/composition-api 与 Vue3 的源码前生今世

layoutinflater.inflate 和 view.inflate 的区别

       å¹³æ—¶ListView加载item中，adapter的getView方法中，我们经常用到：

       LayoutInflater.from(mContext).inflate(R.layout.it,parent,false);

       è¿™æ ·çš„方法来加载布局xml,平时一直就是这么用的，也没什么疑问。今天网上看了个自定义布局的源码，自定义布局中加载布局xml用的View.inflate方法：

       public class SettingItemView extends RelativeLayout {

       private CheckBox cb_status;

       private TextView tv_description;

       private TextView tv_title;

       private String desc_on;

       private String desc_off;

       private void iniView(Context context) {

       View.inflate(context, R.layout.setting_item_view, this);//第三个参数传布局文件的父类

       cb_status=(CheckBox) this.findViewById(R.id.cb_status);

       tv_description=(TextView) this.findViewById(R.id.tv_description);

       tv_title=(TextView) this.findViewById(R.id.tv_title);

       }

       ç¬¬ä¸€æ¬¡è§ç”¨è¿™ç§æ–¹å¼æ¥åŠ è½½å¸ƒå±€çš„，看了下他的listview加载item,也是用这种方式：

       @Override

       public View getView(final int position, View convertView, ViewGroup parent) {

       View view;

       ViewHolder holder;

       if(convertView==null){

       view=View.inflate(getApplicationContext(), R.layout.list_item_callsms, null);//最后一个传了null

       holder=new ViewHolder();

       holder.tv_number=(TextView) view.findViewById(R.id.tv_black_number);

       holder.tv_mode=(TextView) view.findViewById(R.id.tv_black_mode);

       holder.iv_delete=(ImageView) view.findViewById(R.id.iv_delete);

       view.setTag(holder);

       å¥½å§ï¼Œçœ‹ä¸€ä¸‹View.inflate的说明：

       Open Declaration View android.view.View.inflate(Context context, int resource, ViewGroup root)

       Inflate a view from an XML resource. This convenience method wraps the

       LayoutInflater class, which provides a full range of options for view

       inflation.

       Parameters: context The Context object for your activity or

       application. resource The resource ID to inflate root A view group

       that will be the parent. Used to properly inflate the layout_

       parameters.

       See Also: LayoutInflater

       æœ€åŽæœ‰ä¸€å¥è®©ä½ çœ‹LayoutInflater这个类，怀疑它内部也是用LayoutInflater实现的，进入源码：

       public static View inflate(Context context, int resource, ViewGroup root) {

       LayoutInflater factory = LayoutInflater.from(context);

       return factory.inflate(resource, root);

       }

       æžœç„¶å†…部也是用LayoutInflater实现的，不知道为啥android还要用View.inflat封装一下。。。o(〃’▽’〃)o

       å…¶ä¸­LayoutInflater的Inflate的三个参数意思为：

       å¯¹äºŽInflate的三个参数(int resource, ViewGroup root, boolean attachToRoot)

       å¦‚æžœinflate(layoutId, null )则layoutId的最外层的控件的宽高是没有效果的

       å¦‚æžœinflate(layoutId, root, false ) 则认为和上面效果是一样的

       å¦‚æžœinflate(layoutId, root, true ) 则认为这样的话layoutId的最外层控件的宽高才能正常显示

       å¯¹è¿™ä¸‰ä¸ªå‚数区别不理解的话可以看这篇文章：

       inflate第三个参数意思

       ä»Žæºç è§’度解析的有郭大神的：

       Android LayoutInflater原理分析，带你一步步深入了解View(一)

       ä»¥åŠå¦ä¸€ç¯‡æ„Ÿè§‰å¾ˆä¸é”™çš„：

       Android LayoutInflate深度解析 给你带来全新的认识

       çœ‹å®Œï¼Œä½ åº”该知道这个参数意思了，ok，再来看上面代码， 这时就可以替换为layoutInflater的方式了：

       å¯¹äºŽç¬¬ä¸€ä¸ªè‡ªå®šä¹‰å¸ƒå±€ï¼š

       //View.inflate(context, R.layout.setting_item_view, this);//第三个参数传布局文件的父类

       LayoutInflater.from(context).inflate(R.layout.setting_item_view, this, true);//等价于上面

       ç¬¬äºŒä¸ªé€‚配器中getView：

       //view=View.inflate(getApplicationContext(), R.layout.list_item_callsms, null);

       view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.list_item_callsms,parent,false);

vue/composition-api 与 Vue3 的前生今世

       本文旨在深入解析@vue/compositions-api及其与Vue3的关系。首先，源码我们需要理解compositions-api与@vue/compositions-api这两个概念的源码区别。

       compositions-api是源码Vue3提出的一种全新的Vue语法概念，它旨在提供一套低侵入式的源码函数式API，让用户能够灵活地组合组件的源码2017京东抢购源码逻辑。

       而@vue/compositions-api是源码针对Vue2的插件，通过Vue.use()进行调用，源码旨在弥合compositions-api语法与Vue2之间的源码差异，让Vue2项目也能享受到compositions-api带来的源码便利。

       引入@vue/compositions-api的源码原因在于，官方文档提到组合式API能够提供更灵活的源码组件逻辑组合。同时，源码带st公式源码这种插件解决方案允许Vue2项目在不修改大量代码的源码情况下，使用与Vue3相似的源码compositions-api语法。

       在Vue3与@vue/compositions-api的“姻缘”中，二者均诞生于年，Vue团队在考虑兼容性问题时，提供了@vue/composition-api插件。2023红包扫雷源码其主要目标是确保在引入compositions-api语法的同时，保持对Vue2项目的兼容性。

       使用@vue/composition-api的步骤简单：首先通过npm安装插件，然后在Vue项目中调用Vue.use()完成插件安装。此时，原有的合肥智慧农业源码代码几乎不需要额外改动，即可享受到compositions-api带来的便利。

       接下来，我们深入探讨@vue/composition-api的实现原理。它通过封装Vue2和Vue3的兼容性问题，实现了一套基于Vue2的compositions-api功能。源码结构包括一个install函数，购买爬虫程序源码用于Vue.use进行插件安装，以及一系列具体的compositions-api功能函数。

       在理解install函数及其在_install(Vue)中的作用后，我们关注于ref和reactive等Vue3新语法在Vue2中的实现。这涉及到使用Object.seal方法封闭对象，阻止添加新属性并标记所有现有属性为不可配置，以实现与Vue3类似的行为。

       最后，我们总结@vue/composition-api的优缺点。优点在于它提供了一套与Vue3相似的API，易于在Vue2项目中部署，同时保持了代码的兼容性。缺点可能在于某些语法功能在Vue2中的支持并不友好，以及在浏览器兼容性方面仍存在局限性。

       综上所述，@vue/composition-api作为Vue2与Vue3之间的桥梁，提供了在不完全迁移到Vue3的情况下，实现类似Vue3功能的解决方案。通过深入理解其原理和功能，开发者可以更灵活地在项目中应用组合式API，从而提高代码的可读性和可维护性。