パッケージ、リポジトリ、アプリカテゴリを検索

one_clock のカバー
パッケージ詳細v2.0.3

one_clock

Flutterアナログおよびデジタル時計プラグイン。このプラグインを使用すると、Flutterアプリケーション用に美しいアナログ時計およびデジタル時計を描画できます

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
953
いいね数
55
Pub ポイント
140

パッケージをインストール

flutter pub add one_clock

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

One Clock は、開発者がアプリケーションにアナログ時計とデジタル時計を簡単に統合できるようにするFlutterプラグインです。カスタマイズ可能なデザインとスムーズなアニメーションにより、複数のプラットフォームで時間を視覚的に魅力的に表示できます。このプラグインはAndroid、iOS、Web、macOS、Windows、Linuxをサポートしており、クロスプラットフォームアプリに最適です。軽量で実装が簡単で、リアルタイムでの時間表示と美的な外観を必要とするアプリにぴったりです。

用途

  • アプリでリアルタイムの時間を表示する
  • ダッシュボードに洗練された時計ウィジェットを追加する
  • タイムトラッキングまたはスケジューリングアプリケーションの作成
  • 動的時刻要素によるユーザーインターフェースの強化
  • ホーム画面のウィジェットやロック画面を構築する

主な機能

  • アナログおよびデジタル時計の種類をサポートしています
  • クロスプラットフォーム互換性
  • カスタマイズ可能なスタイルと色
  • スムーズな時間アニメーション
  • Flutter UI との簡単な統合

適している対象

  • 生産性アプリを開発する開発者
  • デザイン重視のアプリ作成者
  • クロスプラットフォームのモバイルおよびデスクトップアプリ
  • リアルタイムの時刻表示が必要なアプリ
  • アニメーション付きの時刻コンポーネントを探しているUI/UXデザイナー

注意事項

  • 複雑なレイアウトには追加のスタイル設定が必要になる場合があります
  • 頻繁な更新による低性能デバイスへのパフォーマンスへの影響
  • 基本的な外観を超えるカスタマイズは限られている
  • 高頻度の時刻更新には最適化されていない
  • 組み込みのアラームまたはタイマー機能なし

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Flutter One Clock Widget

pub package

Clean and fully customizable clock widget.

Note: This package is inspired from the analog_clock package which is for showing analog clock only. You can check that package here analog_clock folder.

Analog/Digital Clock Screenshot

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  one_clock: ^2.0.2

Features

  • Modern and clean analog as well as digital clock interface.
  • Customize as per your need.
  • Live clock.

Usage

import 'package:one_clock/one_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),
	);

DigitalClock(
	showSeconds: false,
	isLive:false,
	digitalClockColor: Colors.black,
	decoration: const BoxDecoration(
		color: Colors.yellow,
		shape: BoxShape.rectangle,
		borderRadius: BorderRadius.all(Radius.circular(15))),
		datetime: DateTime.now())

Parameters

Flutter Analog Clock Parameters

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。