पैकेज, रिपॉज़िटरी और ऐप श्रेणियाँ खोजें

lindi_sticker_widget कवर
पैकेज विवरणv1.1.0

lindi_sticker_widget

Lindi Sticker Widget एक फ्लटर प्लगइन है जिसका उपयोग किसी भी विजेट को फ्लिप, रोटेट, आकार बदलने, स्थानांतरित, हटाने और संपादित करने के लिए किया जा सकता है।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
1.6 हज़ार
लाइक
54
Pub अंक
150

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

flutter pub add lindi_sticker_widget

पैकेज अवलोकन

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

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

उपयोग

  • इंटरैक्टिव व्हाइटबोर्ड एप्लिकेशन्स
  • डिजिटल डिज़ाइन और अनोटेशन टूल्स
  • हरकत योग्य तत्वों वाले शैक्षिक एप्प्स
  • उपयोगकर्ता-उत्पादित सामग्री इंटरफेस
  • सहयोगात्मक संपादन प्लेटफॉर्म

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

  • ड्रैग और ड्रॉप विजेट गति
  • रियल-टाइम रोटेशन और स्केलिंग
  • विजेट कंटेंट को फ्लिप और संपादित करें
  • इंटरैक्टिव रूप से विजेट्स को हटाएं या हटाएं
  • सभी प्रमुख ओएस में क्रॉस-प्लेटफॉर्म समर्थन

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

  • इंटरैक्टिव यूआई बनाने वाले डेवलपर्स
  • डिज़ाइन टूल निर्माता
  • शैक्षिक ऐप विकासकर्ता
  • सहयोगात्मक एप्लिकेशन निर्माता
  • UI प्रोटोटाइपिंग शौकीन

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

  • जटिल लेआउट के लिए प्रदर्शन अनुकूलन की आवश्यकता हो सकती है
  • उपलब्ध दस्तावेज़ सीमित हैं
  • बहुत सारे विजेट्स के राज्य को प्रबंधित करने में संभावित जटिलता
  • स्थिर या पढ़ने के लिए ही उपयोग किए जाने वाले इंटरफेस के लिए उपयुक्त नहीं
  • हस्तगत टकराव के सावधानीपूर्वक निर्देशन की आवश्यकता होती है

मूल README

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

lindi_sticker_widget

Features

  Rotate
  Resize
  Move
  Layer Update (Change Stack position)
  Edit
  Delete
  Flip
  Lock

Getting started

pub package

Add this to dependencies in your app's pubspec.yaml

lindi_sticker_widget : latest_version

Usage

Sample code to integrate can be found in example/lib/main.dart.

LindiController

Customize the controller as you like!

LindiController controller = LindiController(
  borderColor: Colors.white,
  icons: [
    LindiStickerIcon(
        icon: Icons.done,
        alignment: Alignment.topRight,
        onTap: () {
          controller.selectedWidget!.done();
        }),
    LindiStickerIcon(
        icon: Icons.lock_open,
        lockedIcon: Icons.lock,
        alignment: Alignment.topCenter,
        type: IconType.lock,
        onTap: () {
          controller.selectedWidget!.lock();
        }),
    LindiStickerIcon(
        icon: Icons.close,
        alignment: Alignment.topLeft,
        onTap: () {
          controller.selectedWidget!.delete();
        }),
    LindiStickerIcon(
        icon: Icons.edit,
        alignment: Alignment.centerLeft,
        onTap: () {
          controller.selectedWidget!
              .edit(const Icon(Icons.star, size: 50, color: Colors.yellow));
        }),
    LindiStickerIcon(
        icon: Icons.layers,
        alignment: Alignment.centerRight,
        onTap: () {
          controller.selectedWidget!.stack();
        }),
    LindiStickerIcon(
        icon: Icons.flip,
        alignment: Alignment.bottomLeft,
        onTap: () {
          controller.selectedWidget!.flip();
        }),
    LindiStickerIcon(
        icon: Icons.crop_free,
        alignment: Alignment.bottomRight,
        type: IconType.resize
    ),
  ],
);
Integrate LindiStickerWidget
LindiStickerWidget(
    controller: controller,
    child: SizedBox(
        width: double.infinity,
        height: double.infinity,
        child: Image.network('https://picsum.photos/200/300', fit: BoxFit.cover)
    ),
)
Add Widget to LindiStickerWidget
controller.add(
    Text('Hello World')
);
Get index of selected widget
controller.onPositionChange((index) {
  print("widgets size: ${controller.widgets.length}, current index: $index");
});
Save LindiStickerWidget as Uint8List
Uint8List? image = await controller.saveAsUint8List();

Screenshots

Image Image

:heart: Found this project useful?

If you found this project useful, then please consider giving it a :star: on Github and sharing it with your friends via social media.

श्रेणियाँ

निर्भरताएँ

निर्भरता सूची 1 आइटम

सोर्स रिपॉज़िटरी

इस पैकेज का उपयोग करने वाले प्रोजेक्ट

अभी कोई डेटा उपलब्ध नहीं है।