पैकेज विवरणv0.1.3

live_background

अपने पृष्ठभूमि पर एक अच्छा गतिशील कण बोकेह प्रभाव वॉलपेपर प्रदान करें।

AndroidiOSWebmacOSWindowsLinux

pub.dev API दस्तावेज़ सोर्स कोड

30-दिन डाउनलोड: 31
लाइक: 40
Pub अंक: 150

पैकेज इंस्टॉल करें

flutter pub add live_background

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

LiveBackground एक Flutter पैकेज है जो आपके ऐप के पृष्ठभूमि में डायनामिक, गतिशील कण बोकेह प्रभाव जोड़ता है, जिससे दृश्य रूप से आकर्षक और अंगीकृत अनुभव बनता है। यह चिकनी एनीमेशन और कस्टमाइज़ेबल ग्रेडिएंट्स का उपयोग करके गहराई और गति का नकली अनुभव बनाता है, जो आधुनिक UI के लिए आदर्श है। यह पैकेज Android, iOS, Web, macOS, Windows और Linux जैसे कई प्लेटफॉर्म का समर्थन करता है, जिससे उपकरणों के बीच स्थिर प्रदर्शन सुनिश्चित होता है। pub कमांड के माध्यम से न्यूनतम सेटअप के साथ, विकासकर्ता अपने एप्लिकेशन में जीवंत पृष्ठभूमि को आसानी से एकीकृत कर सकते हैं।

उपयोग

अम्मोर्सिव स्प्लैश स्क्रीन बनाना
डैशबोर्ड विजुअल्स को बेहतर बनाना
लैंडिंग पेज में गहराई जोड़ना
एनिमेटेड ओनबोर्डिंग अनुभव डिज़ाइन करना
ऐप की भावनात्मक आकर्षण में सुधार करना

मुख्य विशेषताएँ

वास्तविक समय कण गति
कस्टमाइज़ किए गए बोकेह तीव्रता
क्रॉस-प्लेटफॉर्म संगतता
स्मूथ धीरे-धीरे प्रवाह
हल्का और कार्यक्षम
Flutter विजेट्स के साथ आसान एकीकरण

इनके लिए उपयुक्त

दृश्य आकर्षण की तलाश में UI डिज़ाइनर
आधुनिक मोबाइल या वेब ऐप्स बनाने वाले डेवलपर्स
आकर्षक पृष्ठभूमि एनीमेशन की आवश्यकता वाले ऐप्स
रचनात्मक डिजिटल अनुभव
इंटरैक्टिव इंटरफेस का प्रोटोटाइपिंग

विचार योग्य बातें

कम शक्तिशाली उपकरणों पर प्रदर्शन प्रभावित हो सकता है
अपने फ्रेम दर को अनुकूलित करने के लिए सावधानीपूर्वक ट्यूनिंग की आवश्यकता होती है
सामग्री-भारी लेआउट के लिए सुझाव नहीं है
हल्के रंग स्कीम के साथ सबसे अच्छा उपयोग किया जाता है
एकल कणों पर सीमित नियंत्रण

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

Welcome to Live Background 👋

Provide nice moving wall paper on your background.

title

This repository is inspired by miickel/flutter_particle_clock.

And the code of this repository is based on miickel/flutter_particle_clock

Install

Add live_background dependency on your pubspec.yaml file

live_background: ^{latest version}

Show Case

Christmas

Happy New Year

happy

Change Particle Count

https://user-images.githubusercontent.com/7719604/207383901-491692c5-52c8-4429-8c80-0f1380ede8d3.mp4

Change Particle's velocity

https://user-images.githubusercontent.com/7719604/207384180-10b8c128-e15a-492b-831a-b3b7025bad60.mp4

Change Particle's min/max size

https://user-images.githubusercontent.com/7719604/207384463-5e63c237-8b0b-486f-bc3d-fe562d0119e8.mp4

Usage

Add LiveBackgroundWidget() where you want

import 'package:live_background/live_background.dart';

Stack(children: [LiveBackgroundWidget(), AnyWidget()])

You can use initial values to change the effect

//for example
LiveBackgroundWidget(
   palette: Palette(colors: [Colors.red, Colors.green]),
   velocityX: 2.5,
   velocityY: 0,
   particleMinSize: 10,
   particleMaxSize: 30,
   particleCount: 250,
   blurSigmaX: 3,
   blurSigmaY: 4.5,
   clipBoundary: true //default value is true
)

You can change values dynamically using LiveBackgroundController.

 final liveBackgroundController = LiveBackgroundController();

LiveBackgroundWidget(
  controller: liveBackgroundController,
  palette: _palette,
)

liveBackgroundController.setParticleCount(400);
liveBackgroundController.setVelocity(2.0, 10.5);
liveBackgroundController.setParticleSize(10, 30);
liveBackgroundController.setPalette(Palette(colors: [Colors.yellow, Colors.white]))