ActionMode使用及样式配置
2016-03-21 22:43
447 查看
ActionMode是3.0之后不同于ContextMenu的另一种上下文操作的实现,经常在文本编辑或列表选择的操作中使用
ActionMode的创建:ActionMode.Callback 和 startActionMode()
MainActivity.java
action_mode.xml
主要看一下ActionMode的自定义样式
在Theme.AppCompat.Light主题的配置中找到如下这些配置(其他主题下也存在类似配置,可以对比看看,熟悉不同主题下控件的样式配置,其他控件的样式设置也可以参考主题里的相关配置实现个性化的控件风格),然后我们可以试试各个参数的具体表现了
android:actionModeBackground:设置ActionMode的背景,我们可以使用layer-list实现类似默认样式的底部过度条效果
actionModeCutDrawable:可以在menu.xml中通过android:icon=”?attr/actionModeCutDrawable”引用
height:设置了ActionMode的高度,从源码中可以看到默认设置是56dp
titleTextStyle、subtitleTextStyle:设置了字体风格
closeItemLayout:可以看到其源码是:
android:src刚好对应我们的在style中的actionModeCloseDrawable
ps:
actionModeSplitBackground感觉应该是设置ActionMode与内容之间的过渡阴影,但是设置之后并没有看到设置效果
ActionMode的创建:ActionMode.Callback 和 startActionMode()
MainActivity.java
public class MainActivity extends AppCompatActivity { private static final String TAG = "MainActivity"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); findViewById(R.id.showActionMode).setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View view) { startActionMode(mCallback); view.setSelected(true); return false; } }); } @Override public void onActionModeStarted(ActionMode mode) { super.onActionModeStarted(mode); Log.d(TAG, "onActionModeStarted: "); } @Override public void onActionModeFinished(ActionMode mode) { super.onActionModeFinished(mode); Log.d(TAG, "onActionModeFinished: "); } private ActionMode.Callback mCallback = new ActionMode.Callback() { @Override public boolean onCreateActionMode(ActionMode mode, Menu menu) { MenuInflater inflater = mode.getMenuInflater(); inflater.inflate(R.menu.action_mode, menu); return true; } @Override public boolean onPrepareActionMode(ActionMode mode, Menu menu) { return false; } @Override public boolean onActionItemClicked(ActionMode mode, MenuItem item) { return false; } @Override public void onDestroyActionMode(ActionMode mode) { } }; }
action_mode.xml
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/menu_1" android:orderInCategory="3" app:showAsAction="always" android:icon="?attr/actionModeCutDrawable" android:title="Menu_1"/> <item android:id="@+id/menu_2" android:orderInCategory="2" android:title="Menu_2"/> <item android:id="@+id/menu_3" android:orderInCategory="4" android:title="Menu_3"/> </menu>
主要看一下ActionMode的自定义样式
在Theme.AppCompat.Light主题的配置中找到如下这些配置(其他主题下也存在类似配置,可以对比看看,熟悉不同主题下控件的样式配置,其他控件的样式设置也可以参考主题里的相关配置实现个性化的控件风格),然后我们可以试试各个参数的具体表现了
<!-- Action Mode --> <item name="actionModeStyle">@style/Widget.AppCompat.ActionMode</item> <item name="actionModeBackground">@drawable/abc_cab_background_top_material</item> <item name="actionModeSplitBackground">?attr/colorPrimaryDark</item> <item name="actionModeCloseDrawable">@drawable/abc_ic_ab_back_mtrl_am_alpha</item> <item name="actionModeCloseButtonStyle">@style/Widget.AppCompat.ActionButton.CloseMode</item> <item name="actionModeCutDrawable">@drawable/abc_ic_menu_cut_mtrl_alpha</item> <item name="actionModeCopyDrawable">@drawable/abc_ic_menu_copy_mtrl_am_alpha</item> <item name="actionModePasteDrawable">@drawable/abc_ic_menu_paste_mtrl_am_alpha</item> <item name="actionModeSelectAllDrawable">@drawable/abc_ic_menu_selectall_mtrl_alpha</item> <item name="actionModeShareDrawable">@drawable/abc_ic_menu_share_mtrl_alpha</item> <style name="Base.Widget.AppCompat.ActionMode" parent=""> <item name="background">?attr/actionModeBackground</item> <item name="backgroundSplit">?attr/actionModeSplitBackground</item> <item name="height">?attr/actionBarSize</item> <item name="titleTextStyle">@style/TextAppearance.AppCompat.Widget.ActionMode.Title</item> <item name="subtitleTextStyle">@style/TextAppearance.AppCompat.Widget.ActionMode.Subtitle</item> <item name="closeItemLayout">@layout/abc_action_mode_close_item_material</item> </style>
android:actionModeBackground:设置ActionMode的背景,我们可以使用layer-list实现类似默认样式的底部过度条效果
actionModeCutDrawable:可以在menu.xml中通过android:icon=”?attr/actionModeCutDrawable”引用
height:设置了ActionMode的高度,从源码中可以看到默认设置是56dp
titleTextStyle、subtitleTextStyle:设置了字体风格
closeItemLayout:可以看到其源码是:
<ImageView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/action_mode_close_button" android:contentDescription="@string/abc_action_mode_done" android:focusable="true" android:clickable="true" android:src="?attr/actionModeCloseDrawable" style="?attr/actionModeCloseButtonStyle" android:layout_width="wrap_content" android:layout_height="match_parent"/>
android:src刚好对应我们的在style中的actionModeCloseDrawable
ps:
actionModeSplitBackground感觉应该是设置ActionMode与内容之间的过渡阴影,但是设置之后并没有看到设置效果
相关文章推荐
- 样式表CSS布局经验
- 大家看了就明白了css样式中类class与标识id选择符的区别小结
- 重置默认样式 css reset第1/2页
- jQuery根据用户电脑是mac还是pc加载对应样式的方法
- 判断li是否有样式的js代码
- 鼠标移入移出改变CSS样式的小例子
- JavaScript 动态加载脚本和样式的方法
- 获取内联和链接中的样式(js代码)
- document.write()及其输出内容的样式、位置控制
- 利用JavaScript更改input中radio和checkbox样式
- jQuery插件Validate实现自定义校验结果样式
- jQuery使用之设置元素样式用法实例
- jQuery给多个不同元素添加class样式的方法
- jQuery实现自定义checkbox和radio样式
- 从零开始学习jQuery (四) jQuery中操作元素的属性与样式
- 使用jQuery实现更改默认alert框体
- jQuery获取样式中颜色值的方法
- JQuery实现样式设置、追加、移除与切换的方法
- jquery 如何动态添加、删除class样式方法介绍
- jQuery给元素添加样式的方法详解