IOS
 Computer >> コンピューター >  >> プログラミング >> IOS

Swiftを使用してiOSアプリで角が丸い画像を表示するにはどうすればよいですか?


角が丸い画像を作成したり、ビューやボタン、または角が丸いUI要素をすばやく作成したりするには、そのレイヤーの角半径プロパティにアクセスする必要があります。 iOSのすべてのUI要素はレイヤーに基づいています。

まず、ストーリーボードにUIImageViewオブジェクトを追加しましょう。または、プログラムで作成しましょう。

以下は、プログラムで画像ビューを作成し、それに画像を追加する関数です。

func addImage(imageName img: String) {
   let imageView = UIImageView()
   imageView.frame = CGRect(x: 10, y: 20, width: 200, height: 200)
   imageView.contentMode = . scaleAspectFill
   if let newImage = UIImage(named: img) {
      imageView.image = newImage
   }
   self.view.addSubview(imageView)
}
アプリケーションに追加する元の画像が-

であると仮定しましょう。

Swiftを使用してiOSアプリで角が丸い画像を表示するにはどうすればよいですか?

viewDidLoadで、以下のコードを呼び出して、この画像をアプリケーションに追加しましょう。

以下は、コーナープロパティを変更しない場合の外観です。

Swiftを使用してiOSアプリで角が丸い画像を表示するにはどうすればよいですか?

それでは、既存のコードにコーナー半径プロパティを追加して、どのように表示されるかを見てみましょう。

imageView.layer.cornerRadius = 10
imageView.clipsToBounds = true

addSubviewメソッドのすぐ上にあるaddImage関数にこれらの2行を追加します。アプリケーションを実行すると、次のようになります-

Swiftを使用してiOSアプリで角が丸い画像を表示するにはどうすればよいですか?

UIImageViewの拡張機能を作成して、以下に示すように使用することもできます。これにより、同じ結果が得られます。

extension UIImageView {
   func makeRoundCorners(byRadius rad: CGFloat) {
      self.layer.cornerRadius = rad
      self.clipsToBounds = true
   }
}


imageView.makeRoundCorners(byRadius: 20)

  1. Pythonでcv2を使用して画像を表示するにはどうすればよいですか?

    Python cv2で画像を読み取るには、次の手順を実行できます- ファイルから画像を読み込みます。 指定したウィンドウに画像を表示します。 キーが押されるのを待ちます。 すべてのHighGUIウィンドウを破棄します。 例 import cv2 img = cv2.imread("baseball.png", cv2.IMREAD_COLOR) cv2.imshow("baseball", img) cv2.waitKey(0) cv2.destroyAllWindows() 出力

  2. Swift を使用して Realm データベースを iOS CRUD アプリに追加する方法

    こんにちは、みんな!この記事では、Realm データベースを iOS アプリに追加する方法を学びます。 Realm データベースで CRUD (作成、読み取り、更新、削除) 操作を実行する方法を学習できるように、簡単な ToDo アプリを作成します。 レルムとは? Realm は、開発者にとって使いやすく使いやすいオープンソースのモバイル データベースです。また、iOS アプリの Core Data の代わりとして使用することもできます。 Realm はクロス プラットフォームのモバイル データベースです。つまり、ネイティブの Android および iOS アプリだけでなく、Re