您的位置:首页 > Web前端 > CSS

ActionMode使用及样式配置

2016-03-21 22:43 447 查看
ActionMode是3.0之后不同于ContextMenu的另一种上下文操作的实现,经常在文本编辑或列表选择的操作中使用



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与内容之间的过渡阴影,但是设置之后并没有看到设置效果
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ActionMode 样式