기어가더라도 제대로

이미지를 배경처럼 사용하면 장점이 반복되는 무늬를 입맛에 맞게 넣을 수 있다는 장점이 있음 Text("Hello World") .frame(width: 300, height: 300) .background(Image("Example")) 이렇게 사용할 수도 있는데 테두리에 사진을 반복되게 넣으려면 어떻게 하면 좋을까? Text("Hello World") .frame(width: 300, height: 300) .border(Image("Example"), width: 30) 위 코드는 작동하지 않음 테두리에 이미지를 넣는 개념을 구현하기 위해 ImagePaint 가 있음 Text("Hello World") .frame(width: 300, height: 300) .border(ImagePaint(imag..

이렇게 큰 사진을 넣을 때, 각자 사진의 비율이 다를 것이고, 화면의 일부분에 국한되게 보이게 하고 싶다. .frame() 을 써보자. .cliped() 를 사용해 보자 되기는 했으나, 원한 사진은 아니였다. 300 X 300 에 알맞게 사진이 들어가길 원하는데 어떻게 하면 좋을까? original 사이즈는 유지한채로 프레임만 잘렸다. .resizable() 을 이용하자 괜찮아 지기는 했는데 조금 모자란 느낌이다. 원본의 비율이 좀 찌그러졌다고 해야하나. 위아래로 긴 사진인데, 정사각형에 담으려다 보니까 찌부가 되었다. scaledToFit() Vs. scaledToFill() scaledToFit() 최대한 원본의 비율을 유지한다. 만약에 세로로 길죽한 직사각형을 정사각형의 공간에 담는다면, 비율 유지..

모든 버튼은 저마다의 역할을 지니고 있다. 클로저나 함수로 역할 설정 가능 버튼이 눌렸을 때 실행하는 동작 Button("Delete selection") { print("Now deleting…") .... struct ContentView: View { var body: some View { Button("Delete selection", action: executeDelete) } func executeDelete() { print("Now deleting…") } } 버튼의 외형 설정 - role, style "버튼이 하는 일이 파괴적이다" 라고 역할을 부여 그에 따른 외형도 변함 style의 role과 조합하여 사용 가능 너무 많은 prominent button 은 사용하지 않는 것을 권장 La..