Material Design Demo for Android 1.0

Material Design Demo for Android არის ნიმუშის აპლიკაცია, რომელიც შეიქმნა დიზაინის მხარდაჭერის ბიბლიოთეკის გამოყენებით. ამ აპლიკაციის დანიშნულებაა იმის დემონსტრირება, თუ როგორ უნდა განხორციელდეს მატერიალური დიზაინი აპში, რომელიც თავსებადია წინასწარ ლოლიპოპ მოწყობილობებთან (API მე-7 დონემდე). ეს აპი მოიცავს მატერიალური დიზაინის სხვადასხვა კომპონენტს, მათ შორის ნავიგაციის უჯრას, მოქნილ სივრცეს გამოსახულებასთან ერთად (გადახვევის ტექნიკა), მცურავი მოქმედების ღილაკი, მცურავი ეტიკეტები ტექსტის რედაქტირებისთვის, სნეკბარი (მოქმედებით და გარეშე), ჩანართები, კოორდინატორის განლაგება და მცურავი მოქმედების ღილაკი და კოორდინატორი. განლაგება და აპლიკაციის ზოლი (ინსტრუმენტების ზოლი).

Material Design არის Google-ის მიერ შემუშავებული ვიზუალური ენა, რომლის მიზანია შექმნას მომხმარებლის ერთიანი გამოცდილება ყველა პლატფორმაზე და მოწყობილობაზე. ის ყურადღებას ამახვილებს სუფთა ტიპოგრაფიაზე, თამამ ფერებსა და მარტივ ფორმებზე. Material Design ასევე ხაზს უსვამს ანიმაციებისა და გადასვლების გამოყენებას მომხმარებლის უფრო მიმზიდველი გამოცდილების შესაქმნელად.

მასალების დიზაინის დემო Android-ისთვის აჩვენებს, თუ როგორ შეუძლიათ დეველოპერებს ამ პრინციპების ჩართვა საკუთარ აპებში. Google-ის მიერ მოწოდებული დიზაინის მხარდაჭერის ბიბლიოთეკის გამოყენებით, დეველოპერებს შეუძლიათ ადვილად დაამატონ მასალის დიზაინის ელემენტები თავიანთ აპებში, რთული კოდის ნულიდან დაწერის გარეშე.

ამ დემო აპლიკაციის ერთ-ერთი მთავარი მახასიათებელია მისი თავსებადობა წინასწარ ლოლიპოპ მოწყობილობებთან. ეს ნიშნავს, რომ მომხმარებლებსაც კი, რომლებიც ჯერ კიდევ იყენებენ Android-ის ძველ ვერსიებს, შეუძლიათ ისარგებლონ მატერიალური დიზაინის უპირატესობებით თავიანთ აპებში.

მოდით უფრო ახლოს მივხედოთ ამ დემოში განხილულ ზოგიერთ კონკრეტულ კომპონენტს:

ნავიგაციის უჯრა: ნავიგაციის უჯრა მომხმარებლებს აძლევს სწრაფ წვდომას აპის სხვადასხვა განყოფილებებზე ან ფუნქციებზე. ის სრიალებს ეკრანის მარცხენა მხრიდან მენიუს ხატულას ან ჟესტით გადაფურცვლისას.

მოქნილი სივრცე სურათით: ეს კომპონენტი საშუალებას აძლევს დეველოპერებს შექმნან ვიზუალურად განსაცვიფრებელი სათაურები თავიანთი აპებისთვის. სათაურის სურათი მოძრაობს ზემოთ, როდესაც მომხმარებლები გადაადგილდებიან ეკრანზე არსებულ შინაარსზე.

მცურავი მოქმედების ღილაკი: მცურავი მოქმედების ღილაკი მომხმარებლებს აძლევს სწრაფ წვდომას აპში არსებულ ძირითად ქმედებებზე. ის ცურავს ეკრანზე სხვა შიგთავსის ზემოთ და ანიმირებს, როდესაც დაჭერით.

მცურავი ეტიკეტები ტექსტის რედაქტირებისთვის: მცურავი ეტიკეტები უზრუნველყოფს კონტექსტს შეყვანის ველებისთვის ფორმებში ან სხვა ეკრანებში, სადაც მომხმარებლებს სჭირდებათ ინფორმაციის შეყვანა. ისინი ცურავს შეყვანის ველების ზემოთ, სანამ მათზე ფოკუსირება არ მოხდება მათზე შეხებით ან დაწკაპუნებით.

Snackbar: Snackbars იძლევა მოკლე შეტყობინებებს აპლიკაციის მიერ განხორციელებული ქმედებების შესახებ, როგორიცაა მონაცემთა წარმატებით შენახვა ან ქსელის პრობლემების გამო და ა.შ. ისინი გამოჩნდება ეკრანის ქვედა ნაწილში დროებით, სანამ ავტომატურად გაქრება რამდენიმე წამის შემდეგ.

ჩანართები: ჩანართები საშუალებას აძლევს დეველოპერებს მოაწყონ შინაარსი ცალკეულ განყოფილებებად აპლიკაციის შიგნით, რათა მომხმარებლებისთვის გაუადვილდეს მათ შორის ნავიგაცია.

კოორდინატორის განლაგება და მცურავი მოქმედების ღილაკი: CoordinatorLayout გეხმარებათ ხედების ერთად კოორდინაციაში, როგორიცაა გადახვევის ეფექტები ორ ხედს შორის, ხოლო FAB (მცურავი მოქმედების ღილაკი) გეხმარებათ პირველადი მოქმედებების სწრაფად შესრულებაში.

Coordinator Layout & App Bar (Tool Bar): CoordinatorLayout გეხმარებათ ხედების ერთად კოორდინაციაში, როგორიცაა გადახვევის ეფექტები ორ ხედს შორის, ხოლო App Bar (Tool Bar) უზრუნველყოფს თანმიმდევრულ ნავიგაციას თქვენს აპლიკაციაში.

მთლიანობაში, თუ თქვენ ეძებთ შთაგონებას, თუ როგორ უნდა გამოიყენოთ საუკეთესო პრაქტიკა მატერიალური დიზაინის პრინციპების თქვენს აპლიკაციებში, მაშინ ეს დემო ძალიან სასარგებლო იქნება!