pretty_gauge

패키지 개요

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

Pretty Gauge는 여러 세그먼트, 동적 색상, 풍부한 스타일링 옵션을 지원하는 게이지를 통해 데이터를 시각화하기 위해 설계된 매우 사용자 정의 가능한 Flutter 위젯입니다. 개발자가 현재 값과 사용자 지정 텍스트를 정밀하게 표시할 수 있어 대시보드, 성능 지표 또는 진행 상황 추적에 이상적입니다. 이 위젯은 완전히 반응형이며 Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼에서 작동합니다. 직관적인 구성으로 UI를 강화하여 명확하고 시각적으로 매력적인 수치 데이터 표현을 제공합니다.

사용 사례

대시보드 위젯
성능 모니터링
진행률 표시기
앱 내 데이터 시각화
사용자 지정 미터 표시

주요 기능

다중 세그먼트 지원
사용자 지정 색상
값 및 텍스트 스타일
반응형 디자인
크로스 플랫폼 호환성
pub를 통한 간편한 통합

적합한 대상

대시보드를 개발하는 개발자
시각적 메트릭이 필요한 UI 디자이너
진행 상황 시각화가 필요한 앱
크로스플랫폼 애플리케이션
사용자 정의 게이지 컴포넌트

고려 사항

Flutter 레이아웃에 대한 이해가 필요합니다
복잡한 세그먼트 로직을 위해 조정이 필요할 수 있습니다
제한된 내장 애니메이션
정적 또는 부드럽게 변화하는 값에 가장 적합

원본 README

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

Fully customizable Gauge widget for Flutter

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  pretty_gauge: 1.0.0

Example Usage:

import 'package:pretty_gauge/pretty_gauge.dart';

PrettyGauge(
    gaugeSize: 200,
    segments: [
        GaugeSegment('Low', 20, Colors.red),
        GaugeSegment('Medium', 40, Colors.orange),
        GaugeSegment('High', 40, Colors.green),
    ],
    currentValue: 46,
    displayWidget: Text('Fuel in tank', style: TextStyle(fontSize: 12)),
),

Features:

Fully featured Gauge widget that is built from scratch
Can have any number of segments in the Gauge with different segment length and colors
Gauge can have any dimension (square dimension only) with any minimum and maximum value
Needle color can be customized
Display and Value widget can be customized, so that you can display what you want on the Gauge
Can turn on/off markers that display Min and Max value on the Gauge. You can even style these markers!

License:

This project is licensed under the BSD 2-Clause license - see the LICENSE file for details

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

pretty_gauge

패키지 설치

패키지 개요

사용 사례

주요 기능

적합한 대상

고려 사항

원본 README

pretty_gauge

Installing:

Example Usage:

Features:

License:

카테고리

소스 저장소

게이지

이 패키지를 사용하는 프로젝트