[flutter] 플러터 아이콘 배경 투명도 설정 방법
플러터에서는 아이콘의 배경 투명도를 설정할 수 있습니다. 이를 통해 아이콘을 다른 위젯과 조합하거나 배경을 투명하게 만들어 원하는 디자인을 구현할 수 있습니다. 이번 게시물에서는 플러터에서 아이콘의 배경 투명도를 설정하는 방법을 알아보겠습니다.
1. IconButton
사용하기
아이콘 배경 투명도를 설정하려면 IconButton
위젯을 사용해야 합니다. IconButton
은 아이콘을 포함한 버튼을 만들 수 있으며, 배경 투명도 또한 설정할 수 있습니다.
IconButton(
icon: Icon(Icons.star),
color: Colors.blue,
onPressed: () {
// 버튼 클릭 시 수행할 동작
},
)
2. Colors.transparent
사용하기
IconButton
위젯의 color
속성에 Colors.transparent
를 설정하여 아이콘의 배경을 투명하게 만들 수 있습니다.
IconButton(
icon: Icon(Icons.star),
color: Colors.transparent,
onPressed: () {
// 버튼 클릭 시 수행할 동작
},
)
위와 같이 color
속성에 Colors.transparent
를 설정하면 아이콘의 배경이 투명해지게 됩니다.
3. 투명도 조절하기
아이콘의 배경 투명도를 조절하려면 Color
클래스의 withOpacity
메서드를 사용합니다.
IconButton(
icon: Icon(Icons.star),
color: Colors.blue.withOpacity(0.5),
onPressed: () {
// 버튼 클릭 시 수행할 동작
},
)
위의 예제에서는 Colors.blue.withOpacity(0.5)
를 통해 아이콘의 배경 색상을 반투명하게 만들었습니다.
이제 플러터에서 아이콘의 배경 투명도를 설정하는 방법을 알아보았습니다. 위 방법을 활용하여 다양한 디자인을 구현해보세요.
참고문헌: Flutter IconButton class