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

パッケージ詳細v1.0.7

image_color_picker

画像(assets/network/file)から色を選択し、色の16進数コードを取得します。

30日間ダウンロード
27
いいね数
43
Pub ポイント
35

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

flutter pub add image_color_picker

パッケージ概要

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

アセット、ネットワーク、またはローカルファイルから画像を選択して色を抽出できるFlutterパッケージです。選択した画像から支配的で代表的な色の16進数コードを抽出し、デザインやテーマカスタマイズのワークフローに最適です。軽量で、視覚的な色分析が必要なアプリへのシームレスな統合が可能です。さまざまな画像形式をサポートし、最小限の設定で正確な色サンプリングを実現します。

用途

  • UIテーマ用の色抽出
  • デザインツールの統合
  • 画像ベースのパレット生成
  • アプリテーマのカスタマイズ
  • クリエイティブアプリのカラーセレクション

主な機能

  • 画像から16進数のカラーコードを抽出します
  • アセット、ネットワーク、およびファイルソースをサポート
  • 軽量で簡単に統合可能
  • 正確な色のサンプリング
  • クロスプラットフォーム互換性

適している対象

  • UI/UXデザイナー
  • クリエイティブなアプリケーション開発者
  • テーマベースのアプリビルダー
  • カラーパレットジェネレーター
  • Flutter を使用するモバイルアプリ開発者

注意事項

  • ファイルソースの画像読み込み権限が必要です
  • 静的画像処理に限定
  • リアルタイムのカラーのプレビューなし
  • 画像のサイズと品質に依存します
  • 大きな画像を使用するとパフォーマンスに影響する可能性があります

元の README

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

Image color picker

Add a heading

Pick color from image (assets/network/file) and get color hexcodes

Installation

First, add image_color_picker: ^1.0.0 as a dependency in your pubspec.yaml file.

Import

import 'import 'package:image_color_picker/image_color_picker.dart';';

Just provide Image either by assets/network/file and get colorCodes

Network

onPressed: () {
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => NetworkImageBG(
                          networkpath:
                              'https://media-exp1.licdn.com/dms/image/C5122AQEtG7CO0rFCRg/feedshare-shrink_800/0?e=1588809600&v=beta&t=kc8G2jGTOzxm0ehLchKh0SlTSyUl62Vtb5K59P00BLY',
                        )));
          },

Asset

onPressed: () {
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => AssetImageBG(
                          assetPath: 
                              'https://media-exp1.licdn.com/dms/image/C5122AQEtG7CO0rFCRg/feedshare-shrink_800/0?e=1588809600&v=beta&t=kc8G2jGTOzxm0ehLchKh0SlTSyUl62Vtb5K59P00BLY',
                        )));
          },

File

onPressed: () {
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => FileImageBG(
                          filePath: 
                              File('./path')),
                        ));
          },

Getting Started

This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

MIT License

Copyright (c) 2020 Zeeshux7860

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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