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

ducafecatFlutter 생태계 탐색
패키지 상세v1.0.1

customgauge

다양한 세그먼트, 색상 및 현재 값과 텍스트를 표시하기 위한 사용자 정의 스타일 옵션이 있는 Flutter용 완전히 사용자 정의 가능한 게이지 위젯

pub.dev API 문서 소스 코드
30일 다운로드
137
좋아요
17
Pub 점수
40

패키지 설치

flutter pub add customgauge

패키지 개요

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

Flutter용으로 매우 사용자 정의가 가능한 게이지 위젯으로, 여러 세그먼트, 동적 색상 테마, 게이지 자체 및 표시된 값과 텍스트에 대한 완전히 조정 가능한 스타일을 지원합니다. 진보, 점수 또는 백분율과 같은 메트릭을 고급스럽고 맞춤형 외관으로 시각화하는 데 이상적입니다. 개발자가 앱에 맞는 세그먼트 범위, 색상 및 레이블 형식을 정의할 수 있도록 유연하게 설계되었습니다. 대시보드, 헬스 앱 또는 분석 인터페이스에 원활하게 통합됩니다.

사용 사례

  • 진행 상황 또는 성능 지표 표시
  • 사용자 정의 점수 지표 만들기
  • 백분율 기반 데이터 시각화
  • 대시보드 위젯 만들기
  • 분석 앱에서 인터랙티브 게이지 설계하기

주요 기능

  • 사용자 정의 가능한 여러 세그먼트
  • 동적 색 구성
  • 스타일 지정 가능한 값 및 텍스트 표시
  • 사용자 정의 범위 및 레이블 지원
  • 매우 유연한 레이아웃 옵션
  • 애니메이션 및 상호작용을 위한 확장 가능

적합한 대상

  • 데이터 시각화 대시보드를 구축하는 개발자
  • 브랜드 또는 고유한 게이지 디자인을 필요로 하는 앱
  • 진행 상황 또는 상태 표시기가 필요한 프로젝트
  • 재사용 가능하고 스타일이 적용된 컴포넌트를 찾는 UI 디자이너
  • 메트릭 기반 사용자 인터페이스를 갖춘 플러터 앱

고려 사항

  • 필요 시 애니메이션을 수동으로 처리해야 합니다
  • 터치 상호작용에 대한 내장 지원이 제한적
  • 특정 플랫폼 최적화에 대한 언급 없음
  • 정적 또는 간단한 애니메이션 값에 가장 적합
  • 복잡한 로직이나 반응성 구현을 위해 추가 코드가 필요할 수 있습니다

원본 README

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

customgauge

Fully customizable Gauge widget for Flutter

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  customgauge: 1.0.0

Example Usage:

import 'package:customgauge/customgauge.dart';

CustomGauge(
    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

카테고리

플롯 및 시각화

소스 저장소

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

아직 데이터가 없습니다.