[Flutter/dart]画像を楕円形に切り抜く
概要
スマホアプリ上に画像を表示する際、元画像を切り抜いて表示することも多いと思います。
円形に切り抜く場合はCircleAvatorを使いますが、元画像が縦長の場合は楕円形に切り抜きたいこともあるでしょう。その方法について解説します。
方法
ClipOvalを使います。
Widget _myImg(){
return ClipOval(
child: Image.asset('image/rect.png',),
);
}@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Column(
children: [
Center(
child: _myImg()
)
],
),
);
}元画像：
これがこのようになります。
最新記事
すべて表示現象 アプリ内にAdmobを追加して、アプリを起動すると、下記のエラーが発生 java.lang.RuntimeException: Unable to get provider com.google.android.gms.ads.MobileAdsInitProvider 原因 AndroidManifestの書き方が誤っていた。 <meta-data>はactivityと同じ階層にある必要が
概要 Uriを持っていて、Urlに変換したい場合の方法で少し手惑ったので共有します 方法 String url = uri.toString(); これだけです。 最後に ページを開くだけだとUriでもUrlでもいいんですが、WebViewはUrlを要求してくるんですよね。
問題 以前、日本語を含むURLを開くためには、エンコーディングしてやる必要がある、という記事を書きました。 しかし、すでにエンコーディングされているURLを再度エンコーディングしてしまうと、別のURLになってしまいます。 つまり、URLを開く処理の前に、 ・エンコーディングが必要なURLか ・すでにエンコーディングがされているか を判定しないといけないことになります。これは中々煩雑な処理です。 発
