মিডিয়া অগ্রগতি নির্দেশক উপাদানটি মিডিয়া অ্যাপের জন্য অনন্য।
অগ্রগতি নির্দেশক হল একটি মিডিয়া উৎসের জন্য সময়কাল এবং অতিবাহিত খেলার সময়ের একটি দৃশ্যমান উপস্থাপনা। এটি প্লেব্যাকের সময় মিডিয়া অ্যাপগুলিতে প্রদর্শিত হয়।
অ্যানাটমি
মিডিয়া অগ্রগতি নির্দেশক একটি নিষ্ক্রিয় ট্র্যাক (ধূসর রঙে প্রদর্শিত) নিয়ে গঠিত যা মিডিয়া উত্সের সময়কালকে প্রতিনিধিত্ব করে এবং একটি সক্রিয় ট্র্যাক (একটি অ্যাকসেন্ট রঙের সাথে প্রদর্শিত) যা নিষ্ক্রিয় ট্র্যাককে ওভারলে করে যাতে খেলার সময় অতিবাহিত হয়।
![মিডিয়া অগ্রগতি সূচক অ্যানাটমি](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Anatomy.png?authuser=2&hl=bn)
2. নিষ্ক্রিয় ট্র্যাক
মিডিয়া অগ্রগতি নির্দেশক রৈখিক বা বৃত্তাকার হতে পারে।
![রৈখিক মিডিয়া অগ্রগতি সূচক](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Linearbar.png?authuser=2&hl=bn)
রৈখিক অগ্রগতি নির্দেশক একটি অনুভূমিক অক্ষে সময়কাল এবং অতিবাহিত সময় প্রদর্শন করে। ট্র্যাকের দৃশ্যমান অংশটি একটি 76dp টাচ-টার্গেট এলাকায় কেন্দ্রীভূত। অতিবাহিত সময় ট্যাপ করা বা টেনে আনার মাধ্যমে একজন ব্যবহারকারীকে মিডিয়া উৎসের বিভিন্ন স্থানে যেতে দেয়। রৈখিক মিডিয়া অগ্রগতি সূচকটি 800dp বা লম্বা স্ক্রীনের জন্য উদ্দিষ্ট।
![বৃত্তাকার অগ্রগতি সূচক শারীরস্থান](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Circularbar.png?authuser=2&hl=bn)
বৃত্তাকার অগ্রগতি নির্দেশক একটি বৃত্ত হিসাবে সময়কাল এবং অতিবাহিত সময় প্রদর্শন করে। অতিবাহিত সময় ট্যাপ করা বা টেনে আনা বিভিন্ন স্থানে যাওয়ার জন্য সমর্থিত নয়। বৃত্তাকার মিডিয়া অগ্রগতি সূচকটি 800dp এর কম লম্বা স্ক্রিনের জন্য এবং মিডিয়া প্লেব্যাক কন্ট্রোল মিনিমাইজ করা হলে ব্যবহারের জন্য।
মিডিয়া অগ্রগতি সূচক রাষ্ট্র
প্লেব্যাকের সময়, অগ্রগতি নির্দেশক চারটি অবস্থার একটিতে থাকে:
- বাজানো: মিডিয়া চলছে এবং সক্রিয় ট্র্যাকটি নিষ্ক্রিয় ট্র্যাক জুড়ে অগ্রসর হয় অতিবাহিত সময় নির্দেশ করতে৷
- বিরাম দেওয়া: ব্যবহারকারী প্লেব্যাক বিরতি দিয়েছে৷ সক্রিয় ট্র্যাকটি যেখানে প্লেব্যাক বিরাম দেওয়া হয় সেখানে স্থির থাকে৷
- বাফারিং: মিডিয়া অ্যাপটি খেলার জন্য সামগ্রী লোড করছে। সূচকটি একটি সাদা রেখা প্রদর্শন করে যা বারবার নিষ্ক্রিয় ট্র্যাক জুড়ে অগ্রসর হয় যখন বিষয়বস্তু লোড হয়।
- ত্রুটি: মিডিয়া চালানো যাবে না। কোন সক্রিয় ট্র্যাক নেই এবং নিষ্ক্রিয় ট্র্যাক নিষ্ক্রিয় করা হয়েছে৷
![সক্রিয় ট্র্যাকটি মিডিয়া প্লে হওয়ার সাথে সাথে নিষ্ক্রিয় ট্র্যাক জুড়ে অগ্রসর হয়৷](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-active.gif?authuser=2&hl=bn)
![সক্রিয় ট্র্যাকটি স্থির থাকে যখন মিডিয়া playbsck বিরাম দেওয়া হয়](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-restingState.png?authuser=2&hl=bn)
![বিষয়বস্তু লোড হওয়ার সময় একটি সাদা লাইন বারবার নিষ্ক্রিয় ট্র্যাক জুড়ে অগ্রসর হয়](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-buffering.gif?authuser=2&hl=bn)
![একটি মেডাই প্লেব্যাক ত্রুটি থাকলে নিষ্ক্রিয় ট্র্যাকটি অক্ষম করা হয়৷](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-error.png?authuser=2&hl=bn)
চশমা
রৈখিক মিডিয়া অগ্রগতি সূচক
![রৈখিক মিডিয়া অগ্রগতি সূচক রেডলাইন](https://developers.google.cn/cars/design/automotive-os/components/images/ProgressBarLinearRedline.png?authuser=2&hl=bn)
সার্কুলার মিডিয়া অগ্রগতি সূচক
![সার্কুলার মিডিয়া অগ্রগতি সূচক রেডলাইন](https://developers.google.cn/cars/design/automotive-os/components/images/Redline_circular.jpg?authuser=2&hl=bn)
কাস্টমাইজেশন
মিডিয়া প্লেব্যাকের সময়, মিডিয়া অগ্রগতি নির্দেশকের সক্রিয় ট্র্যাক একটি অ্যাকসেন্ট রঙ ব্যবহার করে প্রদর্শিত হয়। ডিফল্ট অ্যাকসেন্ট রঙ হল নীল রঙের একটি ছায়া। অ্যাপ বিকাশকারীরা তাদের মিডিয়া ব্র্যান্ডকে প্রতিফলিত করে এমন একটি অ্যাপ অ্যাকসেন্ট রঙ প্রদান করতে বেছে নিতে পারেন। একইভাবে, OEMগুলি একটি অ্যাকসেন্ট রঙ সরবরাহ করতে পারে যা তাদের গাড়ির ব্র্যান্ডকে প্রতিফলিত করে। প্রদান করা হলে, একটি OEM অ্যাকসেন্ট রঙ একটি অ্যাপের অ্যাকসেন্ট রঙের চেয়ে অগ্রাধিকার নেয়।
![লিনিয়ার মিডিয়া প্রগ্রেস বার ডিফল্ট, থার্ড-পার্টি এবং OEM অ্যাকসেন্ট রঙ ব্যবহার করে সক্রিয় ট্র্যাক দেখাচ্ছে](https://developers.google.cn/cars/design/automotive-os/components/images/default_linear.jpg?authuser=2&hl=bn)
![সার্কুলার মিডিয়া প্রোগ্রেস বার ডিফল্ট, থার্ড-পার্টি, এবং OEM অ্যাকসেন্ট রং ব্যবহার করে সক্রিয় ট্র্যাক দেখাচ্ছে](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-theme-styling.png?authuser=2&hl=bn)
কার UI লাইব্রেরি ইন্টিগ্রেশন গাইড উপাদান কাস্টমাইজ করার জন্য OEM নির্দেশিকা প্রদান করে।
উপাদান কাস্টমাইজ করার জন্য রঙ ব্যবহার করার জন্য নির্দিষ্ট নির্দেশিকা জন্য, রঙ দেখুন।
উদাহরণ
![রৈখিক মিডিয়া অগ্রগতি সূচক কর্মে](https://developers.google.cn/cars/design/automotive-os/components/images/02DMediaPlaybackView.png?authuser=2&hl=bn)
![সার্কুলার মিডিয়া অগ্রগতি নির্দেশক](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-circular-indicator-example.png?authuser=2&hl=bn)