কীভাবে ফ্লটারে অ্যাপ্লিকেশন লঞ্চার আইকনটি পরিবর্তন করবেন?

Question

আমি যখন flutter createকমান্ড সহ একটি অ্যাপ তৈরি করি , তখন উভয় প্ল্যাটফর্মের জন্য অ্যাপ্লিকেশন আইকন হিসাবে ঝাঁকুনির লোগো ব্যবহৃত হয়।

আমি যদি অ্যাপ্লিকেশন আইকনটি পরিবর্তন করতে চাই, আমি কি উভয় প্ল্যাটফর্ম ডিরেক্টরিতে গিয়ে সেখানে চিত্রগুলি প্রতিস্থাপন করব?, myapp/ios/Runner/Assets.xcassets/AppIcon.appiconsetIOS এবং myapp/android/app/src/main/resঅ্যান্ড্রয়েডের প্ল্যাটফর্ম ডিরেক্টরিগুলি বোঝাতে চাই ।

বা কোনও ফ্লুর অ্যাসেট হিসাবে আইকনটি সংজ্ঞা দেওয়া সম্ভব এবং আইকনগুলি কোনওভাবে উত্পন্ন হয়?

Comments

আপনি দুটি উপায়ে অ্যাপিকন আপডেট করতে পারেন, আমি এখানে

— ময়ূর দবি

Answer 1

ফ্লাটার লঞ্চার আইকনগুলি অ্যান্ড্রয়েড এবং আইওএস উভয়ের জন্য লঞ্চ আইকনগুলি দ্রুত তৈরি করতে সহায়তা করার জন্য ডিজাইন করা হয়েছে: https://pub.dartlang.org/packages/flutter_launcher_icons

• এটি ব্যবহার করতে আপনার পবস্পেক.আইএমএল ফাইলটিতে প্যাকেজটি যুক্ত করুন (আপনার ফ্লটার প্রকল্পের মধ্যে)
• Pubspec.yaml ফাইলের মধ্যে অ্যাপ্লিকেশনটির জন্য আপনি যে আইকনটি ব্যবহার করতে চান তার পথটি নির্দিষ্ট করে এবং তারপরে আপনি আইওএস অ্যাপ, অ্যান্ড্রয়েড অ্যাপ্লিকেশন বা উভয়ের জন্য আইকনটি ব্যবহার করতে চান কিনা তা চয়ন করুন।
• প্যাকেজ চালান
• ভাল খবর! ডিফল্ট লঞ্চার আইকনগুলি এখন আপনার কাস্টম আইকন দ্বারা প্রতিস্থাপন করা হয়েছে

আমি এটি প্রদর্শনের জন্য গিটিহাব README এ একটি ভিডিও যুক্ত করার আশা করছি

কীভাবে টুলটি চালানো হবে সেগুলি সহ ভিডিওটি এখানে পাওয়া যাবে ।

যদি কেউ উন্নতি / রিপোর্ট বাগের পরামর্শ দিতে চায় তবে দয়া করে এটি গিটহাব প্রকল্পে একটি সমস্যা হিসাবে যুক্ত করুন ।

আপডেট: বুধবার 24 শে জানুয়ারী 2018, আপনার ফ্লার্ট প্রকল্পে পুরানো বিদ্যমান লঞ্চার আইকনগুলিকে ওভাররাইড না করে নতুন আইকন তৈরি করতে সক্ষম হওয়া উচিত।

আপডেট 2: v0.4.0 হিসাবে (8 ম জুন 2018) আপনি আপনার অ্যান্ড্রয়েড আইকন এবং আপনার iOS আইকন জন্য পৃথক চিত্রের জন্য একটি চিত্র নির্দিষ্ট করতে পারেন।

আপডেট 3: v0.5.2 (20 শে জুন 2018) অনুসারে আপনি এখন আপনার ঝাঁকুনির প্রকল্পের অ্যান্ড্রয়েড অ্যাপ্লিকেশনটির জন্য অ্যাডাপটিভ লঞ্চার আইকনগুলি যুক্ত করতে পারেন

Comments

ইমেজের কোনও দরকার আছে কি?

— ক্যামিনো

আমি কেবল একটি আকারের রেফারেন্স পেয়েছি 710x599,। সেটা বেছে নেওয়ার কারণ কী ছিল? আমি প্রত্যাশিত 512x512বা 1000x1000যাই হোক না কেন স্কোয়ার কিছু হত ।

— সুরগাচ

@ সুরগচ সবেমাত্র গুগলে একটি আইকন অনুসন্ধান করেছে যাতে আমি এটি দ্রুত পরীক্ষা করতে পারি। আমি অন্য দুটি আইকন আকারকে অন্তর্ভুক্ত করেছি যাতে লোকেরা প্যাকেজটি চেষ্টা করতে পারে (1024x1024 এবং 128x128), আপনি এখানে এটি পেতে পারেন: github.com/fluttercommune/flutter_launcher_icons/tree/master/…

— মার্ক ও'সুলিভান

আমি কি সুপারিশ করতে পারি যে প্যাকেজগুলি পঠন করা উচিত.মেজ আকারে সুপারিশ সরবরাহ করা উচিত।

— ব্রেট

এটি আমি খুঁজে পাওয়া সবচেয়ে ভাল জিনিসগুলির মধ্যে একটি। আপনি মানুষ ধন্যবাদ!

— বেসিল

Answer 2

নেটিভ বিকাশকারীর মতো লঞ্চ আইকন সেট করা

ফ্লাটার_লাঞ্চার_ আইকন প্যাকেজটি ব্যবহার এবং বুঝতে আমার কিছুটা সমস্যা হয়েছিল । এই উত্তরটি হ'ল আপনি যদি অ্যান্ড্রয়েড বা আইওএসের জন্য স্থানীয়ভাবে কোনও অ্যাপ তৈরি করে থাকেন তবে আপনি এটি কীভাবে করবেন। এটি একবারে কয়েকবার করার পরে এটি বেশ দ্রুত এবং সহজ।

অ্যান্ড্রয়েড

অ্যান্ড্রয়েড লঞ্চার আইকনগুলির একটি অগ্রভাগ এবং একটি পটভূমি স্তর উভয়ই রয়েছে।

(চিত্র অ্যান্ড্রয়েড ডকুমেন্টেশন থেকে অভিযোজিত )

অ্যান্ড্রয়েডের জন্য লঞ্চার আইকনগুলি তৈরি করার সবচেয়ে সহজ উপায় হ'ল অ্যান্ড্রয়েড স্টুডিওতে উপলব্ধ যে সম্পদ স্টুডিওটি ব্যবহার করা। এমনকি আপনার বিড়বিড় প্রকল্পটি ছাড়তে হবে না। (ভিএস কোড ব্যবহারকারীগণ, আপনি কেবলমাত্র এই পদক্ষেপের জন্য অ্যান্ড্রয়েড স্টুডিও ব্যবহার করার বিষয়টি বিবেচনা করতে পারেন It's এটি সত্যই খুব সুবিধাজনক এবং অন্য আইডিইর সাথে পরিচিত হতে আঘাত লাগে না))

androidপ্রকল্পের রূপরেখার ফোল্ডারে রাইট ক্লিক করুন । নতুন> চিত্র সম্পদে যান । ( android/appযদি আপনি চিত্র সম্পদ না দেখেন তবে ডানদিকে ক্লিক করার চেষ্টা করুন বিকল্প হিসাবে )) এখন থেকে আপনি আপনার লঞ্চ আইকন তৈরি করতে একটি চিত্র নির্বাচন করতে পারেন।

দ্রষ্টব্য: আমি সাধারণত 1024x1024পিক্সেল চিত্র ব্যবহার করি তবে আপনার অবশ্যই এর চেয়ে ছোট কিছু ব্যবহার করা উচিত নয় 512x512। আপনি যদি গিম্প বা ইনস্কেপ ব্যবহার করছেন তবে আপনার দুটি স্তর থাকা উচিত, একটি অগ্রভাগের জন্য এবং একটি পটভূমির জন্য। অগ্রভাগের চিত্রটিতে ব্যাকগ্রাউন্ড স্তরটি দেখানোর জন্য স্বচ্ছ অঞ্চল থাকা উচিত।

( এখান থেকে সিংহ চিত্র )

এটি বর্তমান লঞ্চার আইকনগুলি প্রতিস্থাপন করবে। আপনি mipmapফোল্ডারগুলিতে উত্পন্ন আইকনগুলি খুঁজে পেতে পারেন :

আপনি যদি ম্যানুয়ালি লঞ্চ আইকন তৈরি করতে পছন্দ করেন তবে দেখুন সহায়তার জন্য এই উত্তরটি ।

অবশেষে, নিশ্চিত হয়ে নিন যে অ্যান্ড্রয়েড ম্যানিফেস্টে লঞ্চার আইকন নামটি আপনি এটি উপরে ( ic_launcherডিফল্টরূপে) বলেছেন তার মতই :

application android:icon="@mipmap/ic_launcher"

লঞ্চার আইকনটি সফলভাবে তৈরি হয়েছিল তা নিশ্চিত করতে এমুলেটরটিতে অ্যাপ্লিকেশনটি চালান।

আইওএস

আমি সর্বদা হাতছাড়া হয়ে আইওএস আইকনগুলিকে স্বতন্ত্র আকারে ব্যবহার করতাম, তবে আপনার যদি ম্যাক থাকে তবে ম্যাক অ্যাপ স্টোরটিতে আইকন সেট ক্রিয়েটর নামে একটি ফ্রি অ্যাপ রয়েছে । আপনি এটিকে একটি চিত্র দিন (কমপক্ষে 1024x1024পিক্সেলের) এবং এটি আপনার প্রয়োজনীয় সমস্ত মাপগুলি ছুঁড়ে দেবে (প্লাস Contents.jsonফাইলটি)। পরামর্শের জন্য এই উত্তর ধন্যবাদ ।

আইওএস আইকনগুলির কোনও স্বচ্ছতা থাকা উচিত নয়। আরও গাইডলাইন এখানে দেখুন ।

আপনি আইকন সেটটি তৈরি করার পরে, এক্সকোডটি শুরু করুন (ধরে নিবেন আপনার কাছে ম্যাক রয়েছে) এবং এটি iosআপনার ফ্লোটার প্রকল্পের ফোল্ডারটি খুলতে ব্যবহার করুন । তারপরে রানার> Assets.xcassets এ যান এবং AppIcon আইটেমটি মুছুন।

এর পরে ডান ক্লিক করুন এবং আমদানি ... চয়ন করুন । আপনি সবে তৈরি আইকন সেটটি চয়ন করুন।

এটাই. নিশ্চিত করুন যে সিমুলেটারে অ্যাপটি চালিয়ে আইকনটি তৈরি হয়েছিল।

আপনার যদি ম্যাক না থাকে ...

আপনি এখনও হাতে সমস্ত চিত্র তৈরি করতে পারেন। আপনার নাড়াচাড়া প্রকল্পে যান ios/Runner/Assets.xcassets/AppIcon.appiconset।

আপনার যে চিত্রের আকার দরকার তা হ'ল ফাইলনামে গুণিত আকার। উদাহরণস্বরূপ, বার [e-mail]হবে , অর্থাত পিক্সেল বর্গ। আপনি হয় একই আইকন নাম রাখা বা JSON ফাইল সম্পাদনা করতে হবে।29387

Comments

যদি আপনি এটি বোঝার জন্য সংগ্রাম করে যাচ্ছিলেন তবে আপনার যে কোনও প্রশ্নের জবাব দিতে পেরে আমি খুশি। একটি সমস্যা খুলুন এবং আমি এটি সম্পর্কে আপনার কাছে ফিরে আসব: github.com/fluttercommune/flutter_launcher_icons

— মার্ক ও'সুলিভান

@ মার্কো'সুলিভান, আপনাকে ধন্যবাদ আমার অনুমান যে প্যাকেজ ঠিক আছে। এটি কেবলমাত্র ডকুমেন্টেশনটি অনুসরণ করা আমার পক্ষে শক্ত ছিল। উদাহরণস্বরূপ, প্রারম্ভিক চিত্রটির জন্য কোন আকারটি ব্যবহার করতে হবে তা হ'ল অ্যান্ড্রয়েড ইত্যাদির জন্য ব্যাকগ্রাউন্ড স্তর তৈরি হচ্ছে the

— সুরগাচ

প্যাকেজটির ভাল বিকল্প, যা অফিশিয়াল নয়, এটি আর কাজ করবে বলে মনে হয় না, এবং 6 মাসের জন্য আপডেট করা হয়নি ...

— Yann39

এই সাহায্য করেছে। অ্যান্ড্রয়েড স্টুডিওর মধ্যে চিত্রের সম্পদ যুক্ত করার কোনও বিকল্প নেই । আমি গিথুব / ফ্লুর ইস্যু থেকে শিখেছি কাজটি হ'ল অ্যান্ড্রয়েড স্টুডিওর মধ্যে স্ট্যান্ডার্ড একা "অ্যান্ড্রয়েড" প্রকল্প হিসাবে / অ্যান্ড্রয়েড ফোল্ডারটি (বিড়বিড় প্রকল্পের মধ্যে) খোলার। বিকল্পটি উপস্থিত হবে যখন আপনি / রেজোল্ট ফোল্ডারে ডান ক্লিক করবেন।

— মাওয়ামিটোভি

@ মায়ামিটোভি ঠিক আছে, তবে আপনাকে ডান ক্লিকের আগে গ্রেড সিঙ্কের জন্য অপেক্ষা করতে হবে বা ম্যানুয়ালি সিঙ্ক করতে হবে, অন্যথায় "নতুন -> চিত্রের সম্পদ" প্রদর্শিত হবে না।

— ড্যানিয়েল

Answer 3

সাধারণ পদক্ষেপগুলি অনুসরণ করুন:

1. এতে flutter_launcher_iconsপ্লাগইন যুক্ত করুনpubspec.yaml

যেমন

dev_dependencies: 
  flutter_test:
    sdk: flutter

  flutter_launcher_icons: ^0.7.5

flutter_icons:
  image_path: "icon/icon.png" 
  android: true
  ios: true

2. নির্দিষ্ট পাথের জন্য একটি অ্যাপ্লিকেশন আইকন প্রস্তুত করুন। e.g. icon/icon.png

3. অ্যাপ্লিকেশন আইকন তৈরি করতে টার্মিনালে কমান্ড কার্যকর করুন:

$ flutter pub get

$ flutter pub pub run flutter_launcher_icons:main

সমস্ত উপলব্ধ বিকল্প চেক করতে এবং অ্যান্ড্রয়েড এবং আইওএসের জন্য বিভিন্ন আইকন সেট করতে দয়া করে এটি উল্লেখ করুন

আশা করি এটি অন্যকে সহায়তা করবে।

Comments

এটি আমার পক্ষে কাজ করেছিল; শুধুমাত্র একবার আমি শেষ লাইন চালাতে চাই flutter pub pub run flutter_launcher_icons:main। বখশিশের জন্য ধন্যবাদ!

— অলিস্টেডম্যান

আমি ত্রুটিগুলি পেয়েছি android.dart: 164: 25: ত্রুটি: অনেকগুলি অবস্থানিক যুক্তি: 1 অনুমোদিত, কিন্তু 4 পাওয়া গেছে।

— ir2pid

ডার্কমোড সক্রিয় হলে আমি আইকনটি স্যুইচ করতে পারি?

— ম্যাক্সিমিলিয়ানো সোসা

@ ir2pid ত্রুটি সমাধানের জন্য আপনাকে flutter_launcher_icons হিসাবে সংস্করণটি আপডেট করতে হবে: 0.7.5

— Gökçer Gökdal

Answer 4

আপনাকে নিজের ছবিগুলির সাথে ফ্লার্ট আইকন ফাইলগুলি প্রতিস্থাপন করতে হবে। এই সাইটটি আপনাকে বিভিন্ন আকারের লঞ্চ আইকনগুলিতে আপনার পিএনজি পরিবর্তন করতে সহায়তা করবে:

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Comments

আপনার লিঙ্কটি কেবল অ্যান্ড্রয়েড আইকনগুলির জন্য সঠিক আকারের উত্পাদন করে

— মার্ক ও'সুলিভান

Answer 5

আমি নিম্নলিখিত পদক্ষেপে এটি পরিবর্তন করেছি:

1) দয়া করে আপনার pubspec.yaml পৃষ্ঠায় এই নির্ভরতা যুক্ত করুন

 dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_launcher_icons: ^0.7.4

2) আপনাকে আপনার প্রকল্পে একটি চিত্র / আইকন আপলোড করতে হবে যা আপনি লঞ্চের আইকন হিসাবে দেখতে চান। (আমি একটি ফোল্ডার নাম তৈরি করেছি: আমার প্রকল্পে চিত্র তারপর ইমেজ ফোল্ডারে লোগো.পিএনজি আপলোড করুন)। এখন আপনাকে নীচের কোডগুলি যুক্ত করতে হবে এবং ইমেজ_পথে: ইমেজ পৃষ্ঠাতে আপনার চিত্রের পেস্ট করতে হবে।

flutter_icons:
  image_path: "images/logo.png"
  android: true
  ios: true

3) টার্মিনালে যান এবং এই আদেশটি কার্যকর করুন:

flutter pub get

4) কমান্ড কার্যকর করার পরে কমান্ডের নীচে প্রবেশ করুন:

flutter pub run flutter_launcher_icons:main

5) সম্পন্ন

এনবি: (অবশ্যই থেকে একটি আপডেট নির্ভরতা যুক্ত করুন

https://pub.dev/packages/flutter_launcher_icons#-installing-tab-

)

Answer 6

আমি আপনাকে নীচে লিঙ্কযুক্ত এই ওয়েবসাইটটি ব্যবহার করার পরামর্শ দেব

অ্যাপ্লিকেশন আইকন স্রষ্টা

পদক্ষেপ -১: চিত্রটি আপলোড করুন,

পদক্ষেপ -২: প্রয়োজনীয় পরিবর্তনগুলি করুন এবং ডাউনলোডের উপর ক্লিক করুন (ফাইলের নাম পরিবর্তন করবেন না)

পদক্ষেপ -3: সম্পর্কিত ফোল্ডারে ডাউনলোড জিপ ফাইলটি বের করুন

android/app/src/main/res

Comments

এই পরামর্শটি

— আইওএসে

এই সমাধানটি আমার জন্য কাজ করেছে (কেবলমাত্র অ্যান্ড্রয়েডকে লক্ষ্য করে)

— অন্ধকার_আরবি

খুব সুন্দর সমাধান।

— মায়াঙ্ক এম

Answer 7

ঝাঁকুনিতে অ্যাপ আইকন সেট করার সেরা ও প্রস্তাবিত উপায়।

আমি "flutter_launcher_icons" নামক ঝাঁকুনিতে অ্যাপ্লিকেশন আইকন সেট করতে একটি প্লাগইন পেয়েছি। আমরা এই প্লাগইনটি এলোমেলোভাবে অ্যাপ্লিকেশন আইকন সেট করতে ব্যবহার করব।

1. প্রকল্পের রুট ডিরেক্টরিতে pubspec.yaml ফাইলটিতে এই প্লাগইনটি যুক্ত করুন। কোড নীচে চেক করুন,

   নির্ভরতা:
   ঝাপটানি:
   SDK: ঝাপটানি
   cupertino_icons: ^ 0.1.2
   flutter_launcher_icons: ^ 0.7.2 +1

ফাইলটি সংরক্ষণ করুন এবং টার্মিনালে উঠান ফ্লার্ট পাব চালান।

2. ফোল্ডারের সম্পদে প্রকল্পের মূলটিতে একটি ফোল্ডার সম্পদ তৈরি করুন একটি ফোল্ডার আইকনও তৈরি করুন এবং এই ফোল্ডারের ভিতরে আপনার অ্যাপ্লিকেশন আইকনটি রাখুন। আমি ব্যবহারকারীর 1024x1024 অ্যাপ্লিকেশন আইকন আকারের পরামর্শ দেব। আমি আইকন ফোল্ডারের ভিতরে অ্যাপ্লিকেশন আইকনটি রেখেছি এবং এখন আমার কাছে সম্পদ / আইকন / আইকন.পিএনজি হিসাবে অ্যাপ আইকন পাথ রয়েছে

3. এখন, pubspec.yaml এ নীচের কোডটি যুক্ত করুন,

   ঝাঁকুনি_ আইকন :
   অ্যান্ড্রয়েড: " লঞ্চার_ আইকন" আইওএস:
   সত্য
   চিত্র_পথ: "সম্পদ / আইকন / আইকন.পিএনজি"

4. ফাইলটি সংরক্ষণ করুন এবং টার্মিনালে উঠান ফ্লার্ট পাব চালান। কমান্ড চালানোর পরে নীচের মত দ্বিতীয় কমান্ড চালান

   ঝাঁকুনি পাব চালান flutter_launcher_icons: main -f pubspec.yaml

তারপরে অ্যাপ রান করুন

Comments

যদিও আপনি একই পুরানো সঠিক উত্তরটি দিয়েছিলেন, কমপক্ষে আপনি এর মূল বিষয়গুলি হাইলাইট করেছেন।

— ফিলিপ

Answer 8

আইওএস এবং অ্যান্ড্রয়েড উভয়ের জন্য আলাদাভাবে লঞ্চার আইকন পরিবর্তন করা সর্বোত্তম উপায়।

আইওএস এবং অ্যান্ড্রয়েড মডিউলে আইকনগুলি আলাদাভাবে পরিবর্তন করুন। প্লাগইনটি একই আইকন থেকে বিভিন্ন আকারের আইকন তৈরি করে যা বিকৃত হয়।

এই লিঙ্কটি অনুসরণ করুন: https://flutter.dev/docs/dep دام/ android

Answer 9

আপনি pubspec.yaml এ flutter_launcher_icons ব্যবহার করে এটি অর্জন করতে পারেন

আরেকটি উপায় হ'ল একটি অ্যান্ড্রয়েডের জন্য এবং অন্যটি আইওএসের জন্য ব্যবহার করা