Flutter 圓形/圓角頭像
- 圓形頭像
① ClipOval
new ClipOval(
child: new Image.asset(Utils.getImgPath('ali_connors')),
)
② CircleAvatar
new CircleAvatar(
radius: 36.0,
backgroundImage: AssetImage(
Utils.getImgPath('ali_connors'),
),
)
③ BoxDecoration BoxShape.circle
new Container(
width: 72.0,
height: 72.0,
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
image: AssetImage(
Utils.getImgPath('ali_connors'),
),
),
),
)
- 圓角頭像
① ClipRRect
new ClipRRect(
borderRadius: BorderRadius.circular(6.0),
child: new Image.asset(Utils.getImgPath('ali_connors')),
)
② BoxDecoration BoxShape.rectangle
new Container(
width: 88.0,
height: 88.0,
decoration: BoxDecoration(
shape: BoxShape.rectangle,
borderRadius: BorderRadius.circular(6.0),
image: DecorationImage(
image: AssetImage(
Utils.getImgPath('ali_connors'),
),
),
),
Screenshots
相關文章
- Android之圓形頭像裁切Android
- Android 自定義圓形頭像Android
- Android自定義圓形頭像Android
- 使用 RoundedBitmapDrawable 建立圓角頭像詳解
- 自定義頭像圓角控制元件控制元件
- 基於 GD 庫生成圓形頭像
- 自定義圓形ImageView(仿QQ頭像)View
- Android 圓形頭像 自己動手Android
- Android 圓角、圓形 ImageView 實現AndroidView
- 自定義ImageView完成圓形頭像自定義View
- CircleImageView 圓形圖片頭像實現View
- 《Android開發卷——設定圓形頭像,Android擷取圓形圖片》Android
- android圓形頭像的選擇和剪下並儲存出圓形圖片Android
- 小程式之open-data userAvatarUrl頭像做圓角
- Android 圓形頭像 相簿和拍照裁剪選取Android
- 你不知道的圓形圓角處理方式
- Kotlin 背景圓頭像圖Kotlin
- android裁剪圓型頭像Android
- Android 開發:glide圓角,圓形,效率問題AndroidIDE
- Glide實現圓角圖片,以及圓形圖片IDE
- Fresco實踐-高斯模糊、圓形圓角、URL、File、Assets、Resource
- Android Xfermode 實戰 實現圓形、圓角圖片Android
- Flutter 波浪圓形進度條Flutter
- css底部帶有三角形箭頭的圓角矩形效果CSS
- 微信小程式獲取使用者頭像修改為圓形微信小程式
- css帶有圓角尾巴箭頭CSS
- 圓形視訊和圓角視訊的一種實現方式
- [-Flutter 自定義元件-] 圓形進度條Flutter元件
- visio圓角矩形怎麼改變圓角大小
- Flutter 彩邊圓角 Container 的實現FlutterAI
- CSS3 帶有箭頭圓角效果CSSS3
- win10系統怎麼設定登陸影像為圓形_win10將登入介面頭像設定為圓形教程Win10
- Android 自定義圓形旋轉進度條,仿微博頭像載入效果Android
- CSS 文字框圓角CSS
- AUTOCAD——圓角命令
- iOS 繪製圓角iOS
- PHP合成圖圓角PHP
- css3圓角CSSS3