搜尋分類、套件與程式碼儲存庫

analog_clock 封面
套件詳情v0.1.1

analog_clock

Flutter 模擬時鐘外掛程式。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
5360
喜歡數
89
Pub 分數
130

安裝套件

flutter pub add analog_clock

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

analog_clock 套件是一個 Flutter 插件,為 Flutter 應用程式提供可自訂的類比時鐘小工具。它支援多個平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。時鐘以平滑的秒針移動顯示時間,並可透過自訂顏色、尺寸和設計元素進行樣式設定。非常適合需要傳統時鐘介面的應用程式,例如時鐘、計時器或儀表板小工具。該套件輕量且易於整合,只需簡單的命令列安裝即可。

適用情境

  • 在應用中顯示即時鐘
  • 建立儀表板小部件
  • 建構計時器或警示介面
  • 設計極簡的主螢幕
  • 向生產力應用添加時鐘功能

主要特色

  • 流暢的二手動畫
  • 可自訂的時鐘表面與指針
  • 跨平台相容性
  • 透過 pub.dev 實現輕鬆整合
  • 支援深色/淺色模式主題
  • 可設定的大小與顏色方案

適合對象

  • 開發時鐘或計時器應用的開發者
  • 需要優雅時間顯示的UI設計師
  • 針對多個平台的應用程式
  • 需要極簡使用者介面元件的專案
  • 教授時間概念的教育類應用程式

使用建議

  • 可能需要額外的樣式設定以實現複雜設計
  • 在高刷新率的低階設備上的效能影響
  • 除了時間顯示外,內建功能有限
  • 不適用於僅需數位時間的需求
  • 無內建的警示或通知系統

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Flutter Analog Clock Widget

pub package

Clean and fully customizable analog clock widget.

Flutter Analog Clock Screenshot

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  analog_clock: ^0.1.0

Features

  • Modern and clean analog clock interface.
  • Fully customizable.
  • Live clock.
  • Custom datetime.

Usage

import 'package:analog_clock/analog_clock.dart';


AnalogClock(
	decoration: BoxDecoration(
	    border: Border.all(width: 2.0, color: Colors.black),
	    color: Colors.transparent,
	    shape: BoxShape.circle),
	width: 150.0,
	isLive: true,
	hourHandColor: Colors.black,
	minuteHandColor: Colors.black,
	showSecondHand: false,
	numberColor: Colors.black87,
	showNumbers: true,
	showAllNumbers: false,
	textScaleFactor: 1.4,
	showTicks: false,
	showDigitalClock: false,
	dateTime: DateTime(2019, 1, 1, 9, 12, 15),
	);

Parameters

Flutter Analog Clock Parameters

Example

Demo app can be found in the example/ folder.

所屬分類

原始碼儲存庫

使用此套件的專案