-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathjd_lists_unified-v=8.js
12596 lines (12577 loc) · 572 KB
/
jd_lists_unified-v=8.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
var _RESOURCES = [
{
"title":"ADT-1 Developer Kit",
"titleFriendly":"",
"summary":"The ADT-1 Developer Kit is a streaming media player and game controller designed for running and testing apps built for Android TV. Supplies of ADT-1 are limited and it is intended for developers who are interested in building new apps or extending their…",
"url":"tv/adt-1/index.html",
"group":"",
"keywords": ["emote","e-mote","adt"],
"tags": ["emote","e-mote","adt"],
"image":"tv/images/android-tv-remote.png",
"lang":"en",
"type":""
},
{
"title":"Important Safety Instructions for ADT-1",
"titleFriendly":"",
"summary":"Safety information for the ADT-1 device. WARNING: Read all safety information below before using this device to avoid injury. Do not install near heat sources, such as heaters and other devices. Use in a well-ventilated area and plug power adapter into…",
"url":"tv/adt-1/safety.html",
"group":"",
"keywords": [],
"tags": [],
"image":"",
"lang":"en",
"type":""
},
{
"title":"Regulatory Disclosures for ADT-1",
"titleFriendly":"",
"summary":"Disclosures for the ADT-1 device. Model: W2 FCC ID: A4R-W2 IC: 10395A-W2 U.S. Federal Communications Commission Notices To satisfy FCC and IC exposure requirements, a separation distance of at least 20 cm should be maintained between the antenna of this…",
"url":"tv/adt-1/regulatory.html",
"group":"",
"keywords": [],
"tags": [],
"image":"",
"lang":"en",
"type":""
},
{
"title":"Design Principles of Android Wear",
"titleFriendly":"",
"summary":"Android wearables provide just the right information at just the right time, allowing you to be connected to the virtual world and present in the real world. Here you’ll find some guidelines for designing great user experiences on the Android Wear platform…",
"url":"wear/design/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"wear/images/05_images.png",
"lang":"en",
"type":""
},
{
"title":"UI Overview",
"titleFriendly":"",
"summary":"A new form factor deserves a new UI model. At a high level, the Android Wear UI consists of two main spaces centered around the core functions of Suggest and Demand . Your application will have an important role to play in both of these spaces. The context…",
"url":"wear/design/user-interface.html",
"group":"",
"keywords": [],
"tags": [],
"image":"wear/images/screens/bezel.png",
"lang":"en",
"type":""
}
];
var ABOUT_RESOURCES = [
{
"title":"Android Lollipop",
"titleFriendly":"",
"summary":"欢迎使用 Android 5.0 Lollipop，这是迄今为止规模最大最为雄心勃勃的 Android 版本！ 此版本为用户推出了各种崭新的新功能，为开发者则提供了数千个新的 API。不仅如此，它将 Android 的疆土扩展得更远，小到手机、平板电脑和穿戴式设备，大到电视和汽车，都可以是它活跃的领地。 要深入了解面向开发者的新 API，请参阅 Android 5.0 API 概述 。有关适合消费者阅读的更多 Android 5.0 内容，请访问 www.android.com 。 Android…",
"url":"intl/zh-cn/about/versions/lollipop.html",
"group":"",
"keywords": [],
"tags": [],
"image":"images/home/l-hero_2x.png",
"lang":"zh-cn",
"type":"about"
},
{
"title":"About Android TV",
"titleFriendly":"",
"summary":"Bring your apps, games, and content to the biggest screen in the house.",
"url":"tv/index.html",
"group":"",
"keywords": ["tv","leanback"],
"tags": ["tv","leanback"],
"image":"tv/images/hero.jpg",
"lang":"en",
"type":"about"
},
{
"title":"Developer Support",
"titleFriendly":"",
"summary":"Resources available to help you report and resolve issues while you are developing apps for Android.",
"url":"support.html",
"group":"",
"keywords": [],
"tags": [],
"image":"images/android-support-card.png",
"lang":"en",
"type":"about"
},
{
"title":"Android Wear",
"titleFriendly":"",
"summary":"Small, powerful devices, worn on the body. Useful information when you need it most. Intelligent answers to spoken questions. Tools to help reach fitness goals. Your key to a multiscreen world. Before you start building, check out the Android Wear Design…",
"url":"wear/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"wear/images/notifications.png",
"lang":"en",
"type":"about"
},
{
"title":"Android Auto",
"titleFriendly":"",
"summary":"Let drivers listen to and control content in your music and other audio apps. Allow drivers to hear and respond to your messaging service via the car's controls and screen. Write your apps without having to worry about vehicle-specific hardware differences…",
"url":"auto/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"wear/images/carrot.png",
"lang":"en",
"type":"about"
},
{
"title":"Gingerbread",
"titleFriendly":"",
"summary":"The Android 2.3 platform introduces many new and exciting features for users and developers. This document provides a glimpse at some of the new features and technologies in Android 2.3. For detailed information about the new developer APIs, see the Android…",
"url":"about/versions/android-2.3-highlights.html",
"group":"",
"keywords": [],
"tags": [],
"image":"sdk/images/2.3/home-menu.png",
"lang":"en",
"type":"about"
},
{
"title":"Ice Cream Sandwich",
"titleFriendly":"",
"summary":"Welcome to Android 4.0! Android 4.0 delivers a refined, unified UI for phones and tablets and introduces innovative features for users and developers. This document provides a glimpse of the many new features and technologies that make Android 4.0 simple…",
"url":"about/versions/android-4.0-highlights.html",
"group":"",
"keywords": [],
"tags": [],
"image":"sdk/images/4.0/home.png",
"lang":"en",
"type":"about"
},
{
"title":"Honeycomb",
"titleFriendly":"",
"summary":"Welcome to Android 3.0! The Android 3.0 platform introduces many new and exciting features for users and developers. This document provides a glimpse of some of the new features and technologies, as delivered in Android 3.0. For a more detailed look at…",
"url":"about/versions/android-3.0-highlights.html",
"group":"",
"keywords": [],
"tags": [],
"image":"sdk/images/3.0/home_hero1.png",
"lang":"en",
"type":"about"
},
{
"title":"Android KitKat",
"titleFriendly":"",
"summary":"Welcome to Android 4.4 KitKat! Android KitKat brings all of Android's most innovative, most beautiful, and most useful features to more devices everywhere. This document provides a glimpse of what's new for developers. Find out more about KitKat…",
"url":"about/versions/kitkat.html",
"group":"",
"keywords": [],
"tags": [],
"image":"images/kk-devices.png",
"lang":"en",
"type":"about"
},
{
"title":"Android Lollipop",
"titleFriendly":"",
"summary":"Welcome to Android 5.0 Lollipop—the largest and most ambitious release for Android yet! This release is packed with new features for users and thousands of new APIs for developers. It extends Android even further, from phones, tablets, and wearables, …",
"url":"about/versions/lollipop.html",
"group":"",
"keywords": [],
"tags": [],
"image":"images/home/l-hero_2x.png",
"lang":"en",
"type":"about"
},
{
"title":"Jelly Bean",
"titleFriendly":"",
"summary":"Welcome to Android 4.3, a sweeter version of Jelly Bean! Android 4.3 includes performance optimizations and great new features for users and developers. This document provides a glimpse of what's new for developers. See the Android 4.3 APIs document…",
"url":"about/versions/jelly-bean.html",
"group":"",
"keywords": [],
"tags": [],
"image":"images/jb-android-43.jpg",
"lang":"en",
"type":"about"
},
{
"title":"Honeycomb MR1",
"titleFriendly":"",
"summary":"Welcome to Android 3.1! Android 3.1 is an incremental platform release that refines many of the features introduced in Android 3.0. It builds on the same tablet-optimized UI and features offered in Android 3.0 and adds several new capabilities for users…",
"url":"about/versions/android-3.1-highlights.html",
"group":"",
"keywords": [],
"tags": [],
"image":"sdk/images/3.1/home.png",
"lang":"en",
"type":"about"
},
{
"title":"Dashboards",
"titleFriendly":"",
"summary":"page.metaDescription=Charts that give you an overview of device characteristics and platform versions that are active in the Android ecosystem.",
"url":"about/dashboards/index.html",
"group":"",
"keywords": ["android","dashboard","platforms","versions"],
"tags": ["ecosystem","versions","whatsnew"],
"image":"//chart.googleapis.com/chart?chl=GL%202.0%7CGL%203.0&chf=bg%2Cs%2C00000000&chd=t%3A69.9%2C30.1&chco=c4df9b%2C6fad0c&cht=p&chs=400x250",
"lang":"en",
"type":"about"
},
{
"title":"Legal Notice",
"titleFriendly":"",
"summary":"Android is an open platform that's freely available to you as an app developer. You can immediately download the Android SDK, develop apps, and distribute them to the world without any registration or fees. Android is developed by Google Inc. and …",
"url":"legal.html",
"group":"",
"keywords": [],
"tags": [],
"image":"",
"lang":"en",
"type":"about"
}
];
var DESIGN_RESOURCES = [
{
"title":"写作风格",
"titleFriendly":"",
"summary":"撰写应用中显示的文本时，应力求简明、简易和友好。 避免使用啰嗦、生硬的文字 请勿提供无关信息 关注用户的兴趣点，而不是技术细节 将重要信息放在最前面 将用户目标放在最前面 避免使用令人困惑或令人厌烦的表达…",
"url":"intl/zh-cn/design/style/writing.html",
"group":"",
"keywords": [],
"tags": [],
"image":"",
"lang":"zh-cn",
"type":"design"
},
{
"title":"Style for TV",
"titleFriendly":"",
"summary":"Follow these style guidelines to create beautiful, functional apps for TV. The difference between a TV experience that feels right and one that does not greatly depends on the number, spacing, and size of on-screen elements. Although TV sizes and resolutions…",
"url":"design/tv/style.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/tv/images/overscan.png",
"lang":"en",
"type":"design"
},
{
"title":"Designing for Android TV",
"titleFriendly":"",
"summary":"Guidelines to help you create a great leanback experience on Android TV.",
"url":"design/tv/index.html",
"group":"",
"keywords": ["tv","leanback","designguidelines"],
"tags": ["tv","leanback","designguidelines"],
"image":"design/tv/images/apps-games-rows.jpg",
"lang":"en",
"type":"design"
},
{
"title":"Creative Vision for TV",
"titleFriendly":"",
"summary":"Users bring a specific set of expectations when watching TV, versus interacting with a phone or tablet. The Android User Experience Team has developed the following guidelines for creation of the Android TV platform and the apps that run on it. The TV…",
"url":"design/tv/principles.html",
"group":"",
"keywords": [],
"tags": [],
"image":"",
"lang":"en",
"type":"design"
},
{
"title":"UI Patterns for TV",
"titleFriendly":"",
"summary":"As a developer of apps for TV, you should follow certain patterns to enable users to quickly understand and operate your app. This section describes recommended design patterns for TV apps. Users typically navigate TV devices using a directional pad (…",
"url":"design/tv/patterns.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/tv/images/focus.png",
"lang":"en",
"type":"design"
},
{
"title":"Material Design",
"titleFriendly":"",
"summary":"Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. Android now includes support for material design apps. To use material design in your Android apps, follow the guidelines defined in the …",
"url":"design/material/index.html",
"group":"",
"keywords": ["material","design"],
"tags": ["material","design"],
"image":"design/material/images/MaterialLight.png",
"lang":"en",
"type":"design"
},
{
"title":"Downloads",
"titleFriendly":"",
"summary":"You may use these materials without restriction to facilitate your app design and implementation. Drag and drop your way to beautifully designed Android apps. The stencils feature the rich typography, colors, interactive controls, and icons found throughout…",
"url":"design/downloads/index.html",
"group":"",
"keywords": ["icons","stencils","color swatches"],
"tags": ["icons","stencils","colorswatches"],
"image":"design/media/downloads_stencils.png",
"lang":"en",
"type":"design"
},
{
"title":"Style for Android Wear",
"titleFriendly":"",
"summary":"Here are a number of design considerations to bear in mind that are particular to Android Wear. Be mindful of different device sizes and shapes. Wearable devices are a form of fashion and expression for their owners, and so Android Wear supports a variety…",
"url":"design/wear/style.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/wear/circle_message2.png",
"lang":"en",
"type":"design"
},
{
"title":"Context Awareness on Android Wear",
"titleFriendly":"",
"summary":"Some of the most powerful user experiences with Android Wear are based on context-aware notifications and actions. By using device sensors and other contextual cues, your app can reveal information and functionality precisely when the user needs it, at…",
"url":"design/wear/context.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/wear/ContextualExample.005.png",
"lang":"en",
"type":"design"
},
{
"title":"Android Wear",
"titleFriendly":"",
"summary":"Designing apps for wearable devices powered by Android Wear is substantially different than designing for phones or tablets: different strengths and weaknesses, different use cases, different ergonomics. To get started, you should understand the overall…",
"url":"design/wear/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"wear/images/screens/stream.gif",
"lang":"en",
"type":"design"
},
{
"title":"Design Principles for Android Wear",
"titleFriendly":"",
"summary":"These design principles provide some simple heuristics about how you should plan and assess your Android Wear app design. A watch is a perfect form factor for a device that you can use while doing something else, such as cooking, eating, walking, running…",
"url":"design/wear/principles.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/wear/five_seconds.gif",
"lang":"en",
"type":"design"
},
{
"title":"Creative Vision for Android Wear",
"titleFriendly":"",
"summary":"Android Wear devices provide just the right information at just the right time, allowing users to be more connected to both the virtual world and the real world. Great Android Wear experiences are: Most people are used to launching apps by clicking an…",
"url":"design/wear/creative-vision.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/wear/vision_traffic.png",
"lang":"en",
"type":"design"
},
{
"title":"Watch Faces for Android Wear",
"titleFriendly":"",
"summary":"Creating Watch Faces Android Wear supports custom watch faces with designs that can show contextually relevant information to users. Designing a watch face requires a careful blending of data and visual elements that informs users without requiring close…",
"url":"design/wear/watchfaces.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/wear/Render_Next.png",
"lang":"en",
"type":"design"
},
{
"title":"App Structure for Android Wear",
"titleFriendly":"",
"summary":"Users are used to tapping icons to launch apps. Android Wear is different. A typical Wear app adds a card to the stream at a contextually relevant moment. It might have a button that opens a full screen view for a fast micro interaction, but it just as…",
"url":"design/wear/structure.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/wear/bridgednotifications.jpg",
"lang":"en",
"type":"design"
},
{
"title":"UI Patterns for Android Wear",
"titleFriendly":"",
"summary":"Android Wear is used for micro-interactions, and so adhering to consistent design patterns that users are already accustomed to is paramount. Cards in the stream can take slightly different forms: App icons appear in a fixed position overhanging the edge…",
"url":"design/wear/patterns.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/wear/Bluebird.png",
"lang":"en",
"type":"design"
},
{
"title":"Designing for Auto",
"titleFriendly":"",
"summary":"Building Apps for Auto Android Auto provide a standardized user interface and user interaction model that works across vehicles. As a designer, you do not need to worry about vehicle-specific hardware differences. This page describes some of the key screens…",
"url":"design/auto/index.html",
"group":"",
"keywords": ["design","auto"],
"tags": ["design","auto"],
"image":"auto/images/ui/gearhead_overview.png",
"lang":"en",
"type":"design"
},
{
"title":"Design",
"titleFriendly":"",
"summary":"Welcome to Android Design, your place for learning how to design exceptional Android apps.…",
"url":"design/index.html",
"group":"",
"keywords": [],
"tags": ["beautifulapps","design","ux","patterns","holo","appquality","landing"],
"image":"design/media/index_landing_page.png",
"lang":"en",
"type":"design"
},
{
"title":"Themes",
"titleFriendly":"",
"summary":"Themes are Android's mechanism for applying a consistent style to an app or activity. The style specifies the visual properties of the elements that make up your user interface, such as color, height, padding and font size. To promote greater cohesion…",
"url":"design/style/themes.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/themes_holo_light.png",
"lang":"en",
"type":"design"
},
{
"title":"Your Branding",
"titleFriendly":"",
"summary":"Following Android design patterns doesn't mean that your app has to look the same as everyone else's. In Android, your app can shine as an extension of your brand. Use your brand color for accent by overriding the Android framework's default…",
"url":"design/style/branding.html",
"group":"",
"keywords": ["branding","logo"],
"tags": ["branding","logo"],
"image":"design/media/branding_wallet.png",
"lang":"en",
"type":"design"
},
{
"title":"Writing Style",
"titleFriendly":"",
"summary":"When writing text that appears in your app, keep it concise, simple, and friendly. Avoid wordy, stilted text Don't provide unnecessary information Focus on the user's concern, not technical details Put top news first Put the user's goal first…",
"url":"design/style/writing.html",
"group":"",
"keywords": ["dialog","toast","notification"],
"tags": ["dialog","toast","notification"],
"image":"",
"lang":"en",
"type":"design"
},
{
"title":"Style",
"titleFriendly":"",
"summary":"Build visually compelling apps that look great on any device.…",
"url":"design/style/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/design_elements_landing.png",
"lang":"en",
"type":"design"
},
{
"title":"Touch Feedback",
"titleFriendly":"",
"summary":"Use illumination and dimming to respond to touches, reinforce the resulting behaviors of gestures, and indicate what actions are enabled and disabled. Be responsive to touches in a gentle way . Whenever a user touches an actionable area in your app, let…",
"url":"design/style/touch-feedback.html",
"group":"",
"keywords": ["input","button"],
"tags": ["input","button"],
"image":"design/media/touch_feedback_states.png",
"lang":"en",
"type":"design"
},
{
"title":"Metrics and Grids",
"titleFriendly":"",
"summary":"Optimize your app's UI by designing layouts based on density-independent grids.",
"url":"design/style/metrics-grids.html",
"group":"",
"keywords": ["layout","screens"],
"tags": ["multiplescreens","layout","tablets"],
"image":"design/media/metrics_closeup.png",
"lang":"en",
"type":"design"
},
{
"title":"Color",
"titleFriendly":"",
"summary":"Use color primarily for emphasis. Choose colors that fit with your brand and provide good contrast between visual components. Note that red and green may be indistinguishable to color-blind users. Blue is the standard accent color in Android's color…",
"url":"design/style/color.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/color_spectrum.png",
"lang":"en",
"type":"design"
},
{
"title":"Typography",
"titleFriendly":"",
"summary":"How to use typography in your Android apps.",
"url":"design/style/typography.html",
"group":"",
"keywords": ["textview","font"],
"tags": ["textview","font"],
"image":"design/media/typography_main.png",
"lang":"en",
"type":"design"
},
{
"title":"Iconography",
"titleFriendly":"Guidelines for creating your app's icons",
"summary":"An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed…",
"url":"design/style/iconography.html",
"group":"",
"keywords": ["icons"],
"tags": ["icons","googleplay","listing","branding"],
"image":"design/media/iconography_overview.png",
"lang":"en",
"type":"design"
},
{
"title":"Devices and Displays",
"titleFriendly":"",
"summary":"Take advantage of Android's flexible layout system and create apps that gracefully scale from phones to tablets and beyond.",
"url":"design/style/devices-displays.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/devices_displays_main.png",
"lang":"en",
"type":"design"
},
{
"title":"Switches",
"titleFriendly":"",
"summary":"Checkboxes allow the user to select multiple options from a set. Avoid using a single checkbox to turn an option off or on. Instead, use an on/off switch.…",
"url":"design/building-blocks/switches.html",
"group":"",
"keywords": ["switch","checkbox","radiobutton","button"],
"tags": ["switch","checkbox","radiobutton","button"],
"image":"design/media/switches_checkboxes.png",
"lang":"en",
"type":"design"
},
{
"title":"Scrolling",
"titleFriendly":"",
"summary":"Scrolling allows the user to navigate to content in the overflow using a swipe gesture. The scrolling speed is proportional to the speed of the gesture. Appears during scrolling to indicate what portion of the content is currently in view. In addition…",
"url":"design/building-blocks/scrolling.html",
"group":"",
"keywords": ["scrollview","listview"],
"tags": ["scrollview","listview"],
"image":"",
"lang":"en",
"type":"design"
},
{
"title":"Spinners",
"titleFriendly":"",
"summary":"Spinners provide a quick way to select one value from a set. In the default state, a spinner shows its currently selected value. Touching the spinner displays a dropdown menu with all other available values, from which the user can select a new one.…",
"url":"design/building-blocks/spinners.html",
"group":"",
"keywords": ["spinner","dropdown"],
"tags": ["spinner","dropdown"],
"image":"design/media/spinners_form.png",
"lang":"en",
"type":"design"
},
{
"title":"Dialogs",
"titleFriendly":"",
"summary":"Dialogs prompt the user for decisions or additional information required by the app to continue a task. Such requests can range from simple Cancel/OK decisions to more complex layouts asking the user to adjust settings or enter text.…",
"url":"design/building-blocks/dialogs.html",
"group":"",
"keywords": ["dialog","alert","popup","toast"],
"tags": ["dialog","alert","popup","toast"],
"image":"design/media/dialogs_main.png",
"lang":"en",
"type":"design"
},
{
"title":"Progress & Activity",
"titleFriendly":"",
"summary":"Progress bars and activity indicators signal to users that something is happening that will take a moment. Progress bars are for situations where the percentage completed can be determined. They give users a quick sense of how much longer an operation…",
"url":"design/building-blocks/progress.html",
"group":"",
"keywords": ["progressbar","download","network"],
"tags": ["progressbar","download","network"],
"image":"design/media/progress_download.png",
"lang":"en",
"type":"design"
},
{
"title":"Building Blocks",
"titleFriendly":"",
"summary":"Your inventory of ready-to-use elements for creating outstanding apps.…",
"url":"design/building-blocks/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/building_blocks_landing.png",
"lang":"en",
"type":"design"
},
{
"title":"Tabs",
"titleFriendly":"",
"summary":"Tabs in the action bar make it easy to explore and switch between different views or functional aspects of your app, or to browse categorized data sets.…",
"url":"design/building-blocks/tabs.html",
"group":"",
"keywords": ["tabs","actionbar","navigation","viewpager"],
"tags": ["tabs","actionbar","navigation","viewpager"],
"image":"design/media/tabs_overview.png",
"lang":"en",
"type":"design"
},
{
"title":"Buttons",
"titleFriendly":"",
"summary":"A button consists of text and/or an image that clearly communicates what action will occur when the user touches it. A button can have an image, text, or both.…",
"url":"design/building-blocks/buttons.html",
"group":"",
"keywords": ["button","input"],
"tags": ["button","input"],
"image":"design/media/icon_magnifying_glass.png",
"lang":"en",
"type":"design"
},
{
"title":"Seek Bars and Sliders",
"titleFriendly":"",
"summary":"Interactive sliders make it possible to select a value from a continuous or discrete range of values by moving the slider thumb. The smallest value is to the left, the largest to the right. The interactive nature of the slider makes it a great choice …",
"url":"design/building-blocks/seek-bars.html",
"group":"",
"keywords": ["seekbar","progressbar"],
"tags": ["seekbar","progressbar"],
"image":"design/media/seekbar_example.png",
"lang":"en",
"type":"design"
},
{
"title":"Pickers",
"titleFriendly":"",
"summary":"Pickers provide a simple way to select a single value from a set. In addition to touching the up/down arrow buttons, it's possible to set the desired value from the keyboard or via a swipe gesture.…",
"url":"design/building-blocks/pickers.html",
"group":"",
"keywords": ["datepicker","timepicker"],
"tags": ["datepicker","timepicker"],
"image":"design/media/picker_space.png",
"lang":"en",
"type":"design"
},
{
"title":"Grid Lists",
"titleFriendly":"",
"summary":"Grid lists are an alternative to standard list views. They are best suited for showing data sets that represent themselves through images. In contrast to simple lists, grid lists may scroll either vertically or horizontally.…",
"url":"design/building-blocks/grid-lists.html",
"group":"",
"keywords": ["gridview","layout","listview"],
"tags": ["gridview","layout","listview"],
"image":"design/media/gridview_overview.png",
"lang":"en",
"type":"design"
},
{
"title":"Text Fields",
"titleFriendly":"",
"summary":"Text fields allow the user to type text into your app. They can be either single line or multi-line. Touching a text field places the cursor and automatically displays the keyboard. In addition to typing, text fields allow for a variety of other activities…",
"url":"design/building-blocks/text-fields.html",
"group":"",
"keywords": ["text","edittext","input"],
"tags": ["text","edittext","input"],
"image":"design/media/text_input_singlevsmultiline.png",
"lang":"en",
"type":"design"
},
{
"title":"Lists",
"titleFriendly":"",
"summary":"Lists present multiple line items in a vertical arrangement. They can be used for data selection as well as drilldown navigation.…",
"url":"design/building-blocks/lists.html",
"group":"",
"keywords": ["listview","layout"],
"tags": ["listview","layout"],
"image":"design/media/lists_main.png",
"lang":"en",
"type":"design"
},
{
"title":"Android Design Principles",
"titleFriendly":"",
"summary":"These design principles were developed by and for the Android User Experience Team to keep users' best interests in mind. For Android developers and designers, they continue to underlie the more detailed design guidelines for different types of devices…",
"url":"design/get-started/principles.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/principles_delight.png",
"lang":"en",
"type":"design"
},
{
"title":"Creative Vision",
"titleFriendly":"",
"summary":"Starting with Ice Cream Sandwich, we focused the design of Android around these three overarching goals, which apply to our core apps as well as the system at large. As you work with Android, consider these goals.…",
"url":"design/get-started/creative-vision.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/creative_vision_main.png",
"lang":"en",
"type":"design"
},
{
"title":"Phones & Tablets",
"titleFriendly":"",
"summary":"Android's system UI provides the framework on top of which you build your app, whether you're designing for phones, tablets, watches, or other form factors. Aspects of UI that are especially important for phones and tablets include the Home screen…",
"url":"design/handhelds/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/ui_overview_home_screen.png",
"lang":"en",
"type":"design"
},
{
"title":"Devices",
"titleFriendly":"",
"summary":"The device-centric UI principles, overviews, and detailed guidelines described here build on the core Android Design Principles to provide more specific design guidance for different form factors.…",
"url":"design/devices.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/device_family.png",
"lang":"en",
"type":"design"
},
{
"title":"App Structure",
"titleFriendly":"",
"summary":"Apps come in many varieties that address very different needs. For example: Your app's structure depends largely on the content and tasks you want to surface for your users. A typical Android app consists of top level and detail/edit views. If…",
"url":"design/patterns/app-structure.html",
"group":"",
"keywords": ["navigation","layout","tablet"],
"tags": ["navigation","layout","tablet"],
"image":"design/media/app_structure_overview.png",
"lang":"en",
"type":"design"
},
{
"title":"Action Bar",
"titleFriendly":"",
"summary":"The Action bar is an essential design element for all apps. Learn about what the action bar can do and how to use it in your apps.",
"url":"design/patterns/actionbar.html",
"group":"",
"keywords": ["actionbar","navigation"],
"tags": ["actionbar","navigation"],
"image":"design/media/action_bar_pattern_overview.png",
"lang":"en",
"type":"design"
},
{
"title":"Notifications",
"titleFriendly":"",
"summary":"Notifying the User DevBytes: Notifications in the Android L Developer Preview The notification system allows users to keep informed about relevant and timely events in your app, such as new chat messages from a friend or a calendar event. Think of notifications…",
"url":"design/patterns/notifications.html",
"group":"",
"keywords": ["notifications","design","l"],
"tags": ["notifications","design","l"],
"image":"images/android-5.0/notifications/basic_combo.png",
"lang":"en",
"type":"design"
},
{
"title":"Settings",
"titleFriendly":"",
"summary":"Settings is a place in your app where users indicate their preferences for how your app should behave. This benefits users because:…",
"url":"design/patterns/settings.html",
"group":"",
"keywords": ["preferences","sharedpreferences"],
"tags": ["preferences","sharedpreferences"],
"image":"design/media/settings_overflow.png",
"lang":"en",
"type":"design"
},
{
"title":"Notifications in Android 4.4 and Lower",
"titleFriendly":"",
"summary":"The notification system allows your app to keep the user informed about events, such as new chat messages or a calendar event. Think of notifications as a news channel that alerts the user to important events as they happen or a log that chronicles events…",
"url":"design/patterns/notifications_k.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/notifications_pattern_anatomy.png",
"lang":"en",
"type":"design"
},
{
"title":"Full Screen",
"titleFriendly":"",
"summary":"Some content is best experienced full screen, like videos, games, image galleries, books, and slides in a presentation. You can engage users more deeply with content in full screen by minimizing visual distraction from app controls and protecting users…",
"url":"design/patterns/fullscreen.html",
"group":"",
"keywords": ["full screen","immersive","leanback"],
"tags": ["fullscreen","immersive","leanback"],
"image":"design/media/fullscreen_landing.png",
"lang":"en",
"type":"design"
},
{
"title":"Navigation Drawer",
"titleFriendly":"",
"summary":"Creating a Navigation Drawer The navigation drawer is a panel that transitions in from the left edge of the screen and displays the app’s main navigation options. The user can bring the navigation drawer onto the screen by swiping from the left edge of…",
"url":"design/patterns/navigation-drawer.html",
"group":"",
"keywords": ["drawerlayout","slidingpanelayout"],
"tags": ["drawerlayout","slidingpanelayout"],
"image":"design/media/navigation_drawer_overview.png",
"lang":"en",
"type":"design"
},
{
"title":"Pure Android",
"titleFriendly":"",
"summary":"Most developers want to distribute their apps on multiple platforms. As you plan your app for Android, keep in mind that different platforms play by different rules and conventions. Design decisions that make perfect sense on one platform will look and…",
"url":"design/patterns/pure-android.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/migrating_ui_elements.png",
"lang":"en",
"type":"design"
},
{
"title":"Backwards Compatibility",
"titleFriendly":"",
"summary":"Notes on how Android 4.x adapts UI designed for older hardware and OS versions.",
"url":"design/patterns/compatibility.html",
"group":"",
"keywords": ["support"],
"tags": ["support"],
"image":"design/media/compatibility_virtual_nav.png",
"lang":"en",
"type":"design"
},
{
"title":"Swipe Views",
"titleFriendly":"",
"summary":"Efficient navigation is one of the cornerstones of a well-designed app. While apps are generally built in a hierarchical fashion, there are instances where horizontal navigation can flatten vertical hierarchies and make access to related data items faster…",
"url":"design/patterns/swipe-views.html",
"group":"",
"keywords": ["viewpager","navigation","tabs"],
"tags": ["viewpager","navigation","tabs"],
"image":"design/media/swipe_views.png",
"lang":"en",
"type":"design"
},
{
"title":"Multi-pane Layouts",
"titleFriendly":"",
"summary":"Design guide with examples of how to flatten navigation and provide improved layout across the range of Android devices.",
"url":"design/patterns/multi-pane-layouts.html",
"group":"",
"keywords": ["tablet","navigation","layout","fragment"],
"tags": ["tablet","navigation","layout","fragment"],
"image":"design/media/multipane_views.png",
"lang":"en",
"type":"design"
},
{
"title":"Confirming & Acknowledging",
"titleFriendly":"",
"summary":"In some situations, when a user invokes an action in your app, it's a good idea to confirm or acknowledge that action through text. Confirming is asking the user to verify that they truly want to proceed with an action they just invoked. In some cases…",
"url":"design/patterns/confirming-acknowledging.html",
"group":"",
"keywords": ["dialog","toast","notification"],
"tags": ["dialog","toast","notification"],
"image":"design/media/confirm_ack_confirming.png",
"lang":"en",
"type":"design"
},
{
"title":"Patterns",
"titleFriendly":"",
"summary":"Design apps that behave in a consistent, predictable fashion.…",
"url":"design/patterns/index.html",
"group":"",
"keywords": [],
"tags": [],
"image":"design/media/patterns_landing.png",
"lang":"en",
"type":"design"
},
{
"title":"Buttons",
"titleFriendly":"",
"summary":"Some content is best experienced full screen, like videos, games, image galleries, books, and slides in a presentation. You can engage users more deeply with content in full screen by minimizing visual distraction from app controls and protecting users…",
"url":"design/patterns/buttons.html",
"group":"",
"keywords": ["buttons"],
"tags": ["buttons"],
"image":"design/media/fullscreen_landing.png",
"lang":"en",
"type":"design"
},
{
"title":"Navigation with Back and Up",
"titleFriendly":"",
"summary":"Consistent navigation is an essential component of the overall user experience. Few things frustrate users more than basic navigation that behaves in inconsistent and unexpected ways. Android 3.0 introduced significant changes to the global navigation…",
"url":"design/patterns/navigation.html",
"group":"",
"keywords": ["navigation","activity","task","up navigation","back navigation"],
"tags": ["navigation","activity","task","upnavigation","backnavigation"],
"image":"design/media/navigation_between_siblings_gmail.png",
"lang":"en",
"type":"design"
},
{
"title":"New in Android",
"titleFriendly":"",
"summary":"A quick look at the new patterns and styles you can use to build beautiful Android apps… Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. Android 5.0 provides a new theme, new widgets for…",
"url":"design/patterns/new.html",
"group":"",
"keywords": ["kitkat","android 4.4"],
"tags": ["kitkat","android4.4"],
"image":"design/media/branding_googlemusic.png",
"lang":"en",
"type":"design"
},
{
"title":"Help",
"titleFriendly":"",
"summary":"This page covers design patterns for making help accessible in your app and tips for creating help content for users who are eager for assistance.…",
"url":"design/patterns/help.html",
"group":"",
"keywords": ["settings","preferences"],
"tags": ["settings","preferences"],
"image":"design/media/help_cling.png",
"lang":"en",
"type":"design"
},
{
"title":"Accessibility",
"titleFriendly":"",
"summary":"Design an app that's universally accessible to people with visual impairment, color deficiency, hearing loss, and limited dexterity.",
"url":"design/patterns/accessibility.html",
"group":"",
"keywords": ["accessibility","navigation","input"],
"tags": ["accessibility","navigation","input"],
"image":"design/media/accessibility_contentdesc.png",
"lang":"en",
"type":"design"
},
{
"title":"Gestures",
"titleFriendly":"",
"summary":"Gestures allow users to interact with your app by manipulating the screen objects you provide. The following table shows the core gesture set that is supported in Android. Triggers the default functionality for a given item. Press, lift Enters data selection…",
"url":"design/patterns/gestures.html",
"group":"",
"keywords": ["gesture","input","touch"],
"tags": ["gesture","input","touch"],
"image":"design/media/gesture_touch.png",
"lang":"en",
"type":"design"
},
{
"title":"Selection",
"titleFriendly":"",
"summary":"The contextual action bar (CAB) is a temporary action bar that overlays your app's current action bar while data is selected. It appears after the user long-presses on a selectable data item.…",
"url":"design/patterns/selection.html",
"group":"",
"keywords": ["actionmode","navigation","contextual"],
"tags": ["actionmode","navigation","contextual"],
"image":"design/media/selection_context_menu.png",