android分段控件,App设计体系之分段控件/选项卡

分段控件(Segment Controls)是iOS原生控件,选项卡(Tabs)是Android原生控件,两者都是提供界面切换,目前更多产品选择使用选项卡(Tabs)。

49c8c9ed2851ab43eb82baae0d5ebf01.png

1、分段控件(Segment Controls)

caeacaad9efb0e998a5a4a1e68565a93.png

1.2 分段数量控制在5个以内

分段越宽,越容易点击,分段控件的个数需要控制在5个以内,每个分段的文案长度也需精简,文字个数建议在2~4个。

1.3 同一个分段控件(Segment Controls)中分开使用文字和图标

每个分段需要保持统一,不能既有文字又有图标。

00dfd6437f4ebe85ecc380aaf368894a.png

1.4 交互手势

只能通过点击控件来进行切换

2、选项卡(Tabs)

2.1 个数不限制

由于选项卡(Tabs)可左右移动,因此选项卡个数不限制。

a162206794b0a1664503fa655012352c.png

2.2 选项卡(Tabs)突出区分

多个选项卡放在一起容易混乱,需要将选中的选项卡与其他区分开,可以在颜色、大小、装饰上入手。

3859766f996ccc04d438d739f0d4f800.png

2.3 选项卡(Tabs)要漏出“尾巴”

当选项卡(Tabs)过多超出了屏幕,需要漏出“尾巴”让用户知道后面还有选项卡(Tabs)。

912e947e8cf2a9bbc0401a95a015411d.png

2.4 交互手势

除了点击选项卡(Tabs)外,还可以通过左右滑动切换,当切换到选项卡的下半段,选项卡(Tabs)自动向前移动。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可自定义样式、功能全面的分段控件。项目地址:https://github.com/klongmitre/android-segmented-control-view效果图:如何使用xml中直接创建<org.mitre.ascv.AndroidSegmentedControlView         android:id="@ id/androidSegmentedControlView"         android:layout_width="match_parent"         android:layout_height="wrap_content"         ascv:ascv_defaultSelection="0"         ascv:ascv_unselectedTextColor="@color/test_attr_unselected_text_color"         ascv:ascv_selectedTextColor="@color/test_attr_selected_text_color"         ascv:ascv_selectedColor="@color/test_attr_selected_color"         ascv:ascv_unselectedColor="@color/test_attr_unselected_color"         ascv:ascv_items="@array/three_state_option"/>2. java中添加监听器,监听item的切换ascv = (AndroidSegmentedControlView)this.findViewById(R.id.androidSegmentedControlView); ascv.setIdentifier("ascv01"); //ascv.setItems(new String[]{"Test1aaaaa", "Test2", "Test3"}, new String[]{"1", "2", "3"}); ascv.setOnSelectionChangedListener(new OnSelectionChangedListener(){     @Override     public void newSelection(String identifier, String value) {//当item切换时触发  Toast.makeText(MainActivity.this, "identifier:" identifier "  value:" value, Toast.LENGTH_SHORT).show();     } });参数identifier是当有多个分段控件时,同时使用一个监听器时,用于区别是哪个触发了事件。属性说明属性名类型使用说明ascv_unselectedTextColorreference未选中的item的文字颜色ascv_unselectedColorreference未选中的item的背景颜色,不包括边框ascv_selectedColorreference选中的item背景的颜色以及边框的颜色ascv_selectedTextColorreference选中的item的文字颜色ascv_itemsreference控件item上显示的文字ascv_valuesreference控件item的值,会被传给监听器。未设置时,默认使用ascv_items。ascv_equalWidthboolean当item上的文字,即ascv_items设置的文字,长度不一致时,item的宽度是否还等长。ascv_stretchboolean是否被拉伸。即控件是否填充整个父容器。ascv_defaultSelectioninteger默认哪个item被选中,下标从0开始ascv_identifierstring控件的ID

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值