polygon_clipper

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

위젯을 사용자 정의 다각형 모양으로 자르는 데 도움이 되는 플러터 플러그인입니다. 개발자가 어떤 위젯도 다각형 형태로 변환할 수 있게 해주며 창의적인 디자인 가능성을 제공합니다. 이 패키지는 사용하기 쉽고 모든 위젯 유형과 원활하게 작동하여 독특한 UI 레이아웃 및 시각적 효과에 이상적입니다. 동적 모양 조정을 지원하며 플러터 렌더링 파이프라인에 부드럽게 통합됩니다.

사용 사례

사용자 정의 모양의 UI 요소 만들기
상호작용 가능한 다각형 버튼 설계
시각적으로 구분되는 카드 레이아웃 만들기
기하학적 애니메이션 구현
고유한 형태로 앱 브랜딩 강화

주요 기능

모든 위젯을 입력으로 지원
동적 다각형 모양 사용자 정의
간단한 API 통합
모든 플러터 플랫폼에서 작동합니다
효율적인 렌더링 성능

적합한 대상

창의적인 레이아웃을 찾는 UI 디자이너
게임 또는 인터랙티브 앱을 개발하는 개발자
독창적인 시각적 정체성을 필요로 하는 앱
실험적 인터페이스 프로토타이핑
기하학적 디자인 테마를 가진 프로젝트

고려 사항

복잡한 다각형과 함께 성능에 영향을 미칠 수 있습니다
클리핑 경계를 신중하게 처리해야 합니다
매우 큰 또는 애니메이션 처리된 다각형에 최적화되지 않음
기본 사용법 외에 문서가 제한적
정적 또는 낮은 빈도의 모양 변경에 가장 적합

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

flutter_polygon

A Flutter plugin to create views using regular polygon shapes (e.g. Pentagons and Hexagons).

Based on the polygon_clipper package by leonardocaldas.

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_polygon: ^0.2.0

Usage

Clipping

Use the ClipPolygon widget to clip a child widget.

import 'package:flutter_polygon/flutter_polygon.dart';

ClipPolygon(  
 sides: 6, 
 borderRadius: 5.0,     // Defaults to 0.0 degrees
 rotate: 90.0,          // Defaults to 0.0 degrees
 boxShadows: [  
  PolygonBoxShadow(color: Colors.black, elevation: 1.0),
  PolygonBoxShadow(color: Colors.grey, elevation: 5.0)
 ],
 child: Container(color: Colors.black),
);

Borders

Use the PolygonBorder shape with your favorites widgets!

import 'package:flutter_polygon/flutter_polygon.dart';

FloatingActionButton(
  shape: PolygonBorder(
    sides: 6,
    borderRadius: 5.0,                                      // Defaults to 0.0 degrees
    rotate: 30.0,                                           // Defaults to 0.0 degrees
    border: BorderSide(color: Colors.red, width: 2.0),      // Defaults to BorderSide.none
  ),
  onPressed: () {},
  child: Icon(Icons.star),
),

Other widgets:

TextButton, ElevatedButton, ...
Container
Chip
...

Contributing

If you find an issue with this package, please open an issue on github.

If you wish to contribute to this project, I encourage you to open a pull request.

Credit

Based on the polygon_clipper package by leonardocaldas.

패키지, 저장소 및 앱 카테고리 검색

패키지 설치