Flutter开发之——基本组件-Image设置形状(1)

---

3.1 代码

Image(image: AssetImage(“images/rabbit.jpg”),width: 200,height: 200,),

CircleAvatar(backgroundImage: AssetImage(“images/rabbit.jpg”),radius: 100,),

注：Image是默认图片

3.2 效果图

四 Container

---

4.1 圆形

new Container(

width: 200.0,

height: 200.0,

margin: const EdgeInsets.all(20.0),

decoration: new BoxDecoration(

backgroundBlendMode: BlendMode.hue,

color: Colors.white,

image: new DecorationImage(image: AssetImage(“images/rabbit.jpg”), fit: BoxFit.cover, ),

shape: BoxShape.circle), // <-- 这里需要设置为 rectangle,

),

4.2 矩形

Container(

width: 200.0,

height: 200.0,

margin: const EdgeInsets.all(20.0),

decoration: new BoxDecoration(

backgroundBlendMode: BlendMode.clear,

color: Colors.white,

image: new DecorationImage(

image: AssetImage(“images/rabbit.jpg”),

fit: BoxFit.cover,),

shape: BoxShape.rectangle,// <-- 这里需要设置为 rectangle

borderRadius: new BorderRadius.all(

const Radius.circular(

20.0), // <-- rectangle 时，BorderRadius 才有效

),

),

)

2.3 效果图

《设计思想解读开源框架》

第一章、 热修复设计

• 第一节、 AOT/JIT & dexopt 与 dex2oat

• 第二节、 热修复设计之 CLASS_ISPREVERIFIED 问题

• 第三节、热修复设计之热修复原理

• 第四节、Tinker 的集成与使用（自动补丁包生成）

  

  第二章、 插件化框架设计

• 第一节、 Class 文件与 Dex 文件的结构解读

• 第二节、 Android 资源加载机制详解

• 第三节、 四大组件调用原理

• 第四节、 so 文件加载机制

• 第五节、 Android 系统服务实现原理

  

  第三章、 组件化框架设计

• 第一节、阿里巴巴开源路由框——ARouter 原理分析

• 第二节、APT 编译时期自动生成代码&动态类加载

• 第三节、 Java SPI 机制

• 第四节、 AOP&IOC

• 第五节、 手写组件化架构

  

  第四章、图片加载框架

• 第一节、图片加载框架选型

• 第二节、Glide 原理分析

• 第三节、手写图片加载框架实战

  

  第五章、网络访问框架设计

• 第一节、网络通信必备基础

• 第二节、OkHttp 源码解读

• 第三节、Retrofit 源码解析

  

  第六章、 RXJava 响应式编程框架设计

• 第一节、链式调用

• 第二节、 扩展的观察者模式

• 第三节、事件变换设计

• 第四节、Scheduler 线程控制

  

  第七章、 IOC 架构设计

• 第一节、 依赖注入与控制反转

• 第二节、ButterKnife 原理上篇、中篇、下篇

• 第三节、Dagger 架构设计核心解密

  

  第八章、 Android 架构组件 Jetpack

• 第一节、 LiveData 原理

• 第二节、 Navigation 如何解决 tabLayout 问题

• 第三节、 ViewModel 如何感知 View 生命周期及内核原理

• 第四节、 Room 架构方式方法

• 第五节、 dataBinding 为什么能够支持 MVVM

• 第六节、 WorkManager 内核揭秘

• 第七节、 Lifecycles 生命周期

  
  本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
  
  《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
  .(img-1YNtjwQv-1714985487625)]
  本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
  [外链图片转存中…(img-JAx11GbB-1714985487625)]
  《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！