安卓gridview控件使用详解_大佬,请问这个控件叫啥?

05269ba5b23935adb3d2fc53ab71bd32.gif

前言

我们在做设计的时候,经常会忘记某个控件的名称,比如心中知道某个控件的形态,却不知道如何称呼,所以今天给大家整理了设计规范中的一些控件合集,清晰明确的叫出某个控件的名称,也是一种专业性的体现~

7b9f0b029f63ed63af5069ba98330f3b.gif

1.状态栏 Status Bar/ 导航栏 Navigation Bar/ 标签栏 Tab Bar

67d2d80a5f3321920c7886a7cffe08d3.png

2.工具栏 Toolbars

d5b8b4271defad43bd70686cad7c6872.png

ios系统样式

3.搜索栏 Search Bar

540d08e95a3eaac3daef86c3dcea33e9.png

4.浮层弹框/气泡弹出框/浮出框 Popover

9f3f300d693cfc36a861c90d3b4479ab.png
41c751bfb9764e69af081f7c176db634.png

5.编辑菜单 Edit Menu

b28c553a0a0759188d5f410e06ef7ed7.png

6.工具提示/文字提示 Tooltips

8de1fdc73ef8600e9031876d14fc789f.png

常见网页端悬停状态

7.溢出菜单 Overflow Menu

2515c408cd299108861bc373fe18dde1.png

安卓样式

8.对话框 Dialog/Alerts + 遮罩/蒙版 Mask

66128b8b3adb746511c1ff182e0f66a3.png

系统样式

9.吐司提示/弹出式提示 Toast

3ec064858afe9043e71a72281b6683a2.png

10.HUD

821a750a4327cddf4bc59d52914bfc58.png

ios音量调节提示样式

11.动作菜单(动作栏) Action Sheet/Activity View

ed7a75d74b7544eaaf267790cd972cbc.png

ios系统样式

12.通告栏 Notification Bar/Notice Bar

ab1826ed45534b6ef26077e58355faa5.png

13.Snackbar

58b0592d5445c5e5f88ba5d8100c9e99.png

属于安卓控件

14.输入框/文本框 Text Fields

7474f6e7ece98fdb842936f7e790f8e4.png

15.列表 List

5178f3def1818f4a64afb8942d7115a5.png

16.表单页眉页脚 Table View Header and Footer

b015c51e98e079bf9873dae9f3c635c8.png

17.开关 Switch

4d7c4b548b9652ac153399c423088927.png

开关颜色可修改

18.步进器 Stepper

852b704687b327f8a52c7f667735fbd4.png
1ef9e991ee5b942710a7e445524cc7af.png

19.选择器/拾取器 Picker

67915561882e5a70b516be396ba1f111.png

单列选择器 iOS样式

1d04d371f2516fe0ccb517619a29f570.png

日期选择器 Date Picker

fb06e625f113d635ca9f79b72dbceade.png

时间选择器 Time Picker

20.页面指示器 Page Indicator/Page Controls

f9cf212a13aaea96c9c321144ff260a7.png

ios系统样式

21.Home指示器/Home条 Home Indicator

a975e3e62f197dbf6d3835c688d0f74d.png

iPhone X系统样式

22.滑块 Slider

8e69f3e53b7445e4b93e084479232b41.png

ios系统样式,也可自定义样式

23.进度条 Progress

da64900b4c910d4d2afa35b64cdec700.png
619f4e86cad42006a3dd17a52e8b882b.png

ios系统样式

24.字母索引导航 A-Z Index Scroller

520b0fe2fac98e9e60a40ae8909902c6.png

这种控件一般出现在页面右侧,点击字母可以快速找到字母对应内容的位置;

25.分段控件 Segment Controls

40fd92fb6533542ecb20367b67409506.png

ios系统样式

26.标签 Tabs

87acce1087d5d3faac5650a0e443bf57.png

来自安卓系统样式,现在ios也适用

27.卡片 Cards

56aa51425b99a9b075432fd5a1addb9f.png

28.小红点/徽标/徽章 Badge

6b03e46e93df2e3ed40561c9981b3d92.png

29.加载占位图 Skeleton Screen

041326cc3581196e6583fc752cfd620a.png

30.按钮 Button

6d68d263714f1c9a3c64fb29cab843a1.png

按钮各种状态

31.悬浮按钮 Floating Action Button

f03a87c684a23a4eb764efdd5201a0d5.png

Material Design中的一种设计语言,现在iOS内也会使用,常置于页面右下角,这种设计有利有弊,谨慎使用;

32.键盘/软键盘/虚拟键盘 Keyboard/Soft Keyboard/ Virtual Keyboard

30b01e983e9bd03a3a5c6bd2cdc31134.png

33.单选按钮 Radio Button

9985e375ca8eda18ef0d00956ba46b3d.png

34.复选框 Checkbox

94fdb18335447550b120c34b3a95bcef.png

35.九宫格 Grid

ab00294fbcd1bb0764a91746a7e093e8.png

36.页脚 Footer

7b1b05e5b7c821ebddee2b507a86d3df.png

以上,欢迎留言补充~

文章来自社区签约作者:Eason张UED

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值