怎么做百度网站会显示图片在旁边,北京商务网站建设,免费创建app网站,html简单的网站文章目录 一、前言二、一个矢量图文件三、参考链接 一、前言
矢量可绘制对象可以提供比较复杂的动画效果#xff0c;只是绘制比较复杂#xff0c;这里可以让UI使用Adobe After Effects软件制作出相关的矢量图xml文件交由开发使用。只是如果需要重复播放的动画效果时候#… 文章目录 一、前言二、一个矢量图文件三、参考链接 一、前言
矢量可绘制对象可以提供比较复杂的动画效果只是绘制比较复杂这里可以让UI使用Adobe After Effects软件制作出相关的矢量图xml文件交由开发使用。只是如果需要重复播放的动画效果时候导出的矢量图里面没有改内容所以需要开发自己添加这里记录下添加的方式。
二、一个矢量图文件
以下是一个矢量图的内容。主要由两部分效果(位移和缩放)组成这里需要设置为无限循环播放模式需要在里面的属性动画里面添加以下代码 !--翻转--android:repeatModereverse!--从头开始--android:repeatModerestart!--播放次数这里是无限可以为具体值--android:repeatCountinfinite在以下代码中需要注意的是不仅要在位移和缩放上添加播放次数的代码路径动画也要添加播放次数例如。 这个路径指的是缩放的路径两者的次数和重复方式需要保持一致在具体文件中可以通过android:duration767来进行区分路径和缩放或者位移的时间一定是一致的。
target android:name_R_G_L_0_C_0aapt:attr nameandroid:animationset android:orderingtogetherobjectAnimatorandroid:repeatCountinfiniteandroid:repeatModereverseandroid:duration767android:propertyNamepathDataandroid:startOffset0android:valueFromM-369.91 -24.69 C-369.91,-24.69 -463.36,-24.69 -463.36,-24.69 C-475.43,-24.56 -485.78,-14.75 -485.78,-3.15 C-485.78,8.45 -477.56,18.69 -464.13,19.1 C-464.13,19.1 -369.91,18.85 -369.91,18.85 C-357.95,18.85 -348.25,9.1 -348.25,-2.92 C-348.25,-14.94 -357.95,-24.69 -369.91,-24.69c android:valueToM-355.5 -25.15 C-355.5,-25.15 -446.45,-25.15 -446.45,-25.15 C-458.41,-25.15 -468.95,-15.44 -468.95,-3.3 C-468.95,8.84 -459.61,19.02 -446.45,18.82 C-446.45,18.82 -354.32,18.82 -354.32,18.82 C-341.62,18.82 -331.22,9.88 -331.47,-4.22 C-331.7,-17.37 -343.92,-25.15 -355.5,-25.15c android:valueTypepathTypeaapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimator/set/aapt:attr/target完整的文件
animated-vector xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:aapthttp://schemas.android.com/aaptaapt:attr nameandroid:drawablevectorandroid:width140dpandroid:height48dpandroid:viewportWidth140android:viewportHeight48group android:name_R_Ggroupandroid:name_R_G_L_1_Gandroid:scaleX1android:scaleY1android:translateX70android:translateY24pathandroid:name_R_G_L_1_G_D_0_P_0android:fillAlpha1android:fillColor#007a17android:fillTypenonZeroandroid:pathData M68.62 0.4 C68.62,0.4 68.62,0.4 68.62,0.4 C68.62,13.09 58.31,23.4 45.62,23.4 C45.62,23.4 -46.38,23.4 -46.38,23.4 C-59.07,23.4 -69.38,13.09 -69.38,0.4 C-69.38,0.4 -69.38,0.4 -69.38,0.4 C-69.38,-12.3 -59.07,-22.6 -46.38,-22.6 C-46.38,-22.6 45.62,-22.6 45.62,-22.6 C58.31,-22.6 68.62,-12.3 68.62,0.4c /pathandroid:name_R_G_L_1_G_D_1_P_0android:fillAlpha1android:fillColor#6df627android:fillTypenonZeroandroid:pathData M69.08 -0.84 C69.08,-0.84 69.08,-0.84 69.08,-0.84 C69.08,11.57 58.77,21.65 46.08,21.65 C46.08,21.65 -45.92,21.65 -45.92,21.65 C-58.61,21.65 -68.92,11.57 -68.92,-0.84 C-68.92,-0.84 -68.92,-0.84 -68.92,-0.84 C-68.92,-13.25 -58.61,-23.32 -45.92,-23.32 C-45.92,-23.32 46.08,-23.32 46.08,-23.32 C58.77,-23.32 69.08,-13.25 69.08,-0.84c /pathandroid:name_R_G_L_1_G_D_2_P_0android:pathData M69.08 -0.84 C69.08,-0.84 69.08,-0.84 69.08,-0.84 C69.08,11.57 58.77,21.65 46.08,21.65 C46.08,21.65 -45.92,21.65 -45.92,21.65 C-58.61,21.65 -68.92,11.57 -68.92,-0.84 C-68.92,-0.84 -68.92,-0.84 -68.92,-0.84 C-68.92,-13.25 -58.61,-23.32 -45.92,-23.32 C-45.92,-23.32 46.08,-23.32 46.08,-23.32 C58.77,-23.32 69.08,-13.25 69.08,-0.84c android:strokeWidth1android:strokeAlpha1android:strokeColor#007a17android:strokeLineCaproundandroid:strokeLineJoinround //groupgroupandroid:name_R_G_L_0_Gandroid:pivotX-566.558android:pivotY1.938android:scaleX1android:scaleY1android:translateX486.808android:translateY25.812group android:name_R_G_L_0_C_0_Gclip-pathandroid:name_R_G_L_0_C_0android:pathData M-369.91 -24.69 C-369.91,-24.69 -463.36,-24.69 -463.36,-24.69 C-475.43,-24.56 -485.78,-14.75 -485.78,-3.15 C-485.78,8.45 -477.56,18.69 -464.13,19.1 C-464.13,19.1 -369.91,18.85 -369.91,18.85 C-357.95,18.85 -348.25,9.1 -348.25,-2.92 C-348.25,-14.94 -357.95,-24.69 -369.91,-24.69c /group android:name_R_G_L_0_C_0_G_Ggroupandroid:name_R_G_L_0_G_G_0_D_0_P_0_G_0_T_0android:translateX0android:translateY0pathandroid:name_R_G_L_0_G_G_0_D_0_P_0android:fillAlpha0.6android:fillColor#ffffffandroid:fillTypenonZeroandroid:pathData M-535.42 -32.81 C-535.42,-32.81 -554.92,28.06 -554.92,28.06 C-554.92,28.06 -563.79,28.19 -563.79,28.19 C-563.79,28.19 -544.29,-32.31 -544.29,-32.31 C-544.29,-32.31 -535.42,-32.81 -535.42,-32.81c //groupgroupandroid:name_R_G_L_0_G_G_0_D_0_P_1_G_0_T_0android:translateX0android:translateY0pathandroid:name_R_G_L_0_G_G_0_D_0_P_1android:fillAlpha0.6android:fillColor#ffffffandroid:fillTypenonZeroandroid:pathData M-494.67 -32.69 C-494.67,-32.69 -514.17,28.19 -514.17,28.19 C-514.17,28.19 -542.79,28.44 -542.79,28.44 C-542.79,28.44 -523.29,-32.06 -523.29,-32.06 C-523.29,-32.06 -494.67,-32.69 -494.67,-32.69c //group/group/group/group/groupgroup android:nametime_group //vector/aapt:attrtarget android:name_R_G_L_1_Gaapt:attr nameandroid:animationset android:orderingtogetherobjectAnimatorandroid:duration767android:propertyNamescaleXandroid:repeatModereverseandroid:repeatCountinfiniteandroid:startOffset0android:valueFrom1android:valueTo0.9android:valueTypefloatTypeaapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimatorobjectAnimatorandroid:duration767android:propertyNamescaleYandroid:repeatModereverseandroid:repeatCountinfiniteandroid:startOffset0android:valueFrom1android:valueTo0.9android:valueTypefloatTypeaapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimator/set/aapt:attr/targettarget android:name_R_G_L_0_C_0aapt:attr nameandroid:animationset android:orderingtogetherobjectAnimatorandroid:repeatCountinfiniteandroid:repeatModereverseandroid:duration767android:propertyNamepathDataandroid:startOffset0android:valueFromM-369.91 -24.69 C-369.91,-24.69 -463.36,-24.69 -463.36,-24.69 C-475.43,-24.56 -485.78,-14.75 -485.78,-3.15 C-485.78,8.45 -477.56,18.69 -464.13,19.1 C-464.13,19.1 -369.91,18.85 -369.91,18.85 C-357.95,18.85 -348.25,9.1 -348.25,-2.92 C-348.25,-14.94 -357.95,-24.69 -369.91,-24.69c android:valueToM-355.5 -25.15 C-355.5,-25.15 -446.45,-25.15 -446.45,-25.15 C-458.41,-25.15 -468.95,-15.44 -468.95,-3.3 C-468.95,8.84 -459.61,19.02 -446.45,18.82 C-446.45,18.82 -354.32,18.82 -354.32,18.82 C-341.62,18.82 -331.22,9.88 -331.47,-4.22 C-331.7,-17.37 -343.92,-25.15 -355.5,-25.15c android:valueTypepathTypeaapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimator/set/aapt:attr/targettarget android:name_R_G_L_0_G_G_0_D_0_P_0_G_0_T_0aapt:attr nameandroid:animationset android:orderingtogetherobjectAnimatorandroid:duration1533android:pathDataM 0,0C 40.012,0 200.06,0 240.072,0android:propertyNametranslateXYandroid:propertyXNametranslateXandroid:propertyYNametranslateYandroid:repeatCountinfiniteandroid:repeatModerestartandroid:startOffset0aapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimator/set/aapt:attr/targettarget android:name_R_G_L_0_G_G_0_D_0_P_1_G_0_T_0aapt:attr nameandroid:animationset android:orderingtogetherobjectAnimatorandroid:duration1533android:pathDataM 0,0C 40.012,0 200.06,0 240.072,0android:propertyNametranslateXYandroid:propertyXNametranslateXandroid:propertyYNametranslateYandroid:repeatCountinfiniteandroid:repeatModerestartandroid:startOffset0aapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimator/set/aapt:attr/targettarget android:name_R_G_L_0_Gaapt:attr nameandroid:animationset android:orderingtogetherobjectAnimatorandroid:duration767android:propertyNamescaleXandroid:repeatModereverseandroid:repeatCountinfiniteandroid:startOffset0android:valueFrom1android:valueTo0.9android:valueTypefloatTypeaapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimatorobjectAnimatorandroid:duration767android:propertyNamescaleYandroid:repeatModereverseandroid:repeatCountinfiniteandroid:startOffset0android:valueFrom1android:valueTo0.9android:valueTypefloatTypeaapt:attr nameandroid:interpolatorpathInterpolator android:pathDataM 0.0,0.0 c0.167,0.167 0.833,0.833 1.0,1.0 //aapt:attr/objectAnimator/set/aapt:attr/targettarget android:nametime_groupaapt:attr nameandroid:animationset android:orderingtogetherobjectAnimatorandroid:duration1533android:propertyNametranslateXandroid:repeatModerestartandroid:repeatCountinfiniteandroid:startOffset0android:valueFrom0android:valueTo1android:valueTypefloatType //set/aapt:attr/target
/animated-vector三、参考链接
矢量可绘制对象概览添加多密度矢量图形
