QMUI源码学习第一天
QMUI源码学习第一天
- QMUIBottomSheet
- QMUIGroupListView
- QMUIRoundButtton
- QMUITipDialog
- QMUIDialog
- QMUIPopup
QMUIBottomSheet
官网：https://qmuiteam.com/android
GITHUB:https://github.com/QMUI/QMUI_Android
分为两个部分
1.BottomSheet List
2.BottomSheet Grid
显示点击后屏幕下方出现多个item
布局文件bottom_sheet_grid
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none"
android:clipToPadding="false">
<!-- 只有第一行时会在代码中去掉paddingBottom -->
<LinearLayout
android:id="@+id/bottom_sheet_first_linear_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:paddingLeft="?attr/qmui_bottom_sheet_grid_line_padding_horizontal"
android:paddingRight="?attr/qmui_bottom_sheet_grid_line_padding_horizontal"
android:paddingBottom="?attr/qmui_bottom_sheet_grid_line_vertical_space"
android:orientation="horizontal"/>
</HorizontalScrollView>
QMUIBottomSheetFragment.java
public class QDBottomSheetFragment extends BaseFragment {
@BindView(R.id.topbar)
QMUITopBarLayout mTopBar;
@BindView(R.id.listview)
ListView mListView;
private QDItemDescription mQDItemDescription;
@Override
protected View onCreateView() {
View view = LayoutInflater.from(getActivity()).inflate(R.layout.fragment_listview, null);
ButterKnife.bind(this, view);
mQDItemDescription = QDDataManager.getInstance().getDescription(this.getClass());
initTopBar();
initListView();
return view;
}
private void initTopBar() {
mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
popBackStack();
}
});
mTopBar.setTitle(mQDItemDescription.getName());
}
private void initListView() {
String[] listItems = new String[]{
"BottomSheet List",
"BottomSheet Grid"
};
List<String> data = new ArrayList<>();
Collections.addAll(data, listItems);
mListView.setAdapter(new ArrayAdapter<>(getActivity(), R.layout.simple_list_item, data));
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
switch (position) {
case 0:
showSimpleBottomSheetList();
break;
case 1:
showSimpleBottomSheetGrid();
break;
}
}
});
}
// ================================ 生成不同类型的BottomSheet
private void showSimpleBottomSheetList() {
new QMUIBottomSheet.BottomListSheetBuilder(getActivity())
.addItem("Item 1")
.addItem("Item 2")
.addItem("Item 3")
.setOnSheetItemClickListener(new QMUIBottomSheet.BottomListSheetBuilder.OnSheetItemClickListener() {
@Override
public void onClick(QMUIBottomSheet dialog, View itemView, int position, String tag) {
dialog.dismiss();
Toast.makeText(getActivity(), "Item " + (position + 1), Toast.LENGTH_SHORT).show();
}
})
.build()
.show();
}
private void showSimpleBottomSheetGrid() {
final int TAG_SHARE_WECHAT_FRIEND = 0;
final int TAG_SHARE_WECHAT_MOMENT = 1;
final int TAG_SHARE_WEIBO = 2;
final int TAG_SHARE_CHAT = 3;
final int TAG_SHARE_LOCAL = 4;
QMUIBottomSheet.BottomGridSheetBuilder builder = new QMUIBottomSheet.BottomGridSheetBuilder(getActivity());
builder.addItem(R.mipmap.icon_more_operation_share_friend, "分享到微信", TAG_SHARE_WECHAT_FRIEND, QMUIBottomSheet.BottomGridSheetBuilder.FIRST_LINE)
.addItem(R.mipmap.icon_more_operation_share_moment, "分享到朋友圈", TAG_SHARE_WECHAT_MOMENT, QMUIBottomSheet.BottomGridSheetBuilder.FIRST_LINE)
.addItem(R.mipmap.icon_more_operation_share_weibo, "分享到微博", TAG_SHARE_WEIBO, QMUIBottomSheet.BottomGridSheetBuilder.FIRST_LINE)
.addItem(R.mipmap.icon_more_operation_share_chat, "分享到私信", TAG_SHARE_CHAT, QMUIBottomSheet.BottomGridSheetBuilder.FIRST_LINE)
.addItem(R.mipmap.icon_more_operation_save, "保存到本地", TAG_SHARE_LOCAL, QMUIBottomSheet.BottomGridSheetBuilder.SECOND_LINE)
.setOnSheetItemClickListener(new QMUIBottomSheet.BottomGridSheetBuilder.OnSheetItemClickListener() {
@Override
public void onClick(QMUIBottomSheet dialog, View itemView) {
dialog.dismiss();
int tag = (int) itemView.getTag();
switch (tag) {
case TAG_SHARE_WECHAT_FRIEND:
Toast.makeText(getActivity(), "分享到微信", Toast.LENGTH_SHORT).show();
break;
case TAG_SHARE_WECHAT_MOMENT:
Toast.makeText(getActivity(), "分享到朋友圈", Toast.LENGTH_SHORT).show();
break;
case TAG_SHARE_WEIBO:
Toast.makeText(getActivity(), "分享到微博", Toast.LENGTH_SHORT).show();
break;
case TAG_SHARE_CHAT:
Toast.makeText(getActivity(), "分享到私信", Toast.LENGTH_SHORT).show();
break;
case TAG_SHARE_LOCAL:
Toast.makeText(getActivity(), "保存到本地", Toast.LENGTH_SHORT).show();
break;
}
}
}).build().show(); }}
HorizontalScrollView
1）HorizontalScrollView水平滚动控件使用方法
1、在layout布局文件的最外层建立一个HorizontalScrollView控件
2、在HorizontalScrollView控件中加入一个LinearLayout控件，并且把它的orientation设置为horizontal
3、在LinearLayout控件中放入多个装有图片的ImageView控件
android:scrollbars="none"与setVerticalScrollBarEnabled(true);的效果是一样的，不活动的时候隐藏，活动的时候也隐藏.
clipChildren是设置子view是否可以超出父view；
clipToPadding是设置是否可以在padding区域内绘制；
从裁剪的角度上讲：clipToPadding是剪裁到自己内边距处，如果clipToPadding为false，还是会剪裁到自己的边框处，而clipChildren是对child view完全不剪裁，只对自己的bg fg剪裁。
QMUIGroupListView
private QDItemDescription mQDItemDescription;
@Override
protected View onCreateView() {
View root = LayoutInflater.from(getActivity()).inflate(R.layout.fragment_grouplistview, null);
ButterKnife.bind(this, root);
mQDItemDescription = QDDataManager.getInstance().getDescription(this.getClass());
initTopBar();
initGroupListView();
return root;
}
private void initTopBar() {
mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
popBackStack();
}
});
mTopBar.setTitle(mQDItemDescription.getName());
}
private void initGroupListView() {
QMUICommonListItemView normalItem = mGroupListView.createItemView(
ContextCompat.getDrawable(getContext(), R.mipmap.about_logo),
"Item 1",
null,
QMUICommonListItemView.HORIZONTAL,
QMUICommonListItemView.ACCESSORY_TYPE_NONE);//不显示附属视图
normalItem.setOrientation(QMUICommonListItemView.VERTICAL);
QMUICommonListItemView itemWithDetail = mGroupListView.createItemView(
ContextCompat.getDrawable(getContext(), R.mipmap.example_image0),
"Item 2",
null,
QMUICommonListItemView.HORIZONTAL,
QMUICommonListItemView.ACCESSORY_TYPE_NONE);
itemWithDetail.setDetailText("在右方的详细信息");
QMUICommonListItemView itemWithDetailBelow = mGroupListView.createItemView("Item 3");
itemWithDetailBelow.setOrientation(QMUICommonListItemView.VERTICAL);
itemWithDetailBelow.setDetailText("在标题下方的详细信息");
QMUICommonListItemView itemWithChevron = mGroupListView.createItemView("Item 4");
itemWithChevron.setAccessoryType(QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON);//选中标记
QMUICommonListItemView itemWithSwitch = mGroupListView.createItemView("Item 5");
itemWithSwitch.setAccessoryType(QMUICommonListItemView.ACCESSORY_TYPE_SWITCH);
itemWithSwitch.getSwitch().setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
Toast.makeText(getActivity(), "checked = " + isChecked, Toast.LENGTH_SHORT).show();
}
});
QMUICommonListItemView itemWithCustom = mGroupListView.createItemView("Item 6");
itemWithCustom.setAccessoryType(QMUICommonListItemView.ACCESSORY_TYPE_CUSTOM);
QMUILoadingView loadingView = new QMUILoadingView(getActivity());
itemWithCustom.addAccessoryCustomView(loadingView);
View.OnClickListener onClickListener = new View.OnClickListener() {
@Override
public void onClick(View v) {
if (v instanceof QMUICommonListItemView) {
CharSequence text = ((QMUICommonListItemView) v).getText();
Toast.makeText(getActivity(), text + " is Clicked", Toast.LENGTH_SHORT).show();
}
}
};
int size = QMUIDisplayHelper.dp2px(getContext(), 20);
QMUIGroupListView.newSection(getContext())
.setTitle("Section 1: 默认提供的样式")
.setDescription("Section 1 的描述")
.setLeftIconSize(size, ViewGroup.LayoutParams.WRAP_CONTENT)
.addItemView(normalItem, onClickListener)
.addItemView(itemWithDetail, onClickListener)
.addItemView(itemWithDetailBelow, onClickListener)
.addItemView(itemWithChevron, onClickListener)
.addItemView(itemWithSwitch, onClickListener)
.addTo(mGroupListView);
QMUIGroupListView.newSection(getContext())
.setTitle("Section 2: 自定义右侧 View")
.addItemView(itemWithCustom, onClickListener)
.addTo(mGroupListView);
}
}
QMUIGroupListSectionHeaderFooterView类基本功能：
1.该view继承至LinearLayout，也是一个线性布局。
2.在View视图里面只有一个TextView文本框。通过setText和getText方法来设置文本内容。
3.在使用时，由QMUIGroupListView创建一个Section，由Section通过调用setTitle和setDescription来动态创建一个*QMUIGroupListSectionHeaderFooterView 。new这个对象时，构造函数把值传递进去。
QMUIGroupListSectionHeaderFooterView的3种用法
1.调用QMUIGroupListView的newSection方法创建一个新的section后，再调用setTitle设置标题即可。如果不设置标题，则会默认留空白间距。
QMUIGroupListView.newSection(getContext())
.setTitle("Section 1: 默认提供的样式")
.setDescription("Section 1 的描述")
在头部定义变量mGroupListContact
@BindView(R.id.group_list_item_contact)
QMUIGroupListView mGroupListContact;
QMUICommonListItemView listItemName = mGroupListContact.createItemView("平台名称");
listItemName.setDetailText("CSDN");
listItemName.setAccessoryType(QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON);
QMUIGroupListView.newSection(this)
.setTitle("基本信息-官方用法")
.addItemView(listItemName,null)
.addTo(mGroupListContact);
2.单独直接使用QMUIGroupListSectionHeaderFooterView的用法。
@BindView(R.id.group_list_section_header_contact)
QMUIGroupListSectionHeaderFooterView mHeaderFooterContact;
在布局文件中添加QMUIGroupListSectionHeaderFooterView控件
定义这个的成员变量，然后只需要调用setText设置文本内容即可。
//第二种用法，设置标题内容
mHeaderFooterContact.setText("第二种：使用QMUIGroupListSectionHeaderFooterView");
在onCreate函数里面初始化
3、自定义TextView样式的用法。
ButterKnife项目地址：https://github.com/JakeWharton/butterknife
▲ ButterKnife：
1、在Activity 类中绑定 ：ButterKnife.bind(this);必须在setContentView();之后绑定；且父类bind绑定后，子类不需要再bind。
2、在非Activity 类（eg：Fragment、ViewHold）中绑定： ButterKnife.bind(this，view);这里的this不能替换成getActivity（）。
3、在Activity中不需要做解绑操作，在Fragment 中必须在onDestroyView()中做解绑操作。
4、使用ButterKnife修饰的方法和控件，不能用private or static 修饰，否则会报错。错误: @BindView fields must not be private or static. (com.zyj.wifi.ButterknifeActivity.button1)
5、setContentView()不能通过注解实现。（其他的有些注解框架可以）
6、使用Activity为根视图绑定任意对象时，如果你使用类似MVC的设计模式你可以在Activity 调用ButterKnife.bind(this, activity)，来绑定Controller。
7、使用ButterKnife.bind(this，view)绑定一个view的子节点字段。如果你在子View的布局里或者自定义view的构造方法里 使用了inflate,你可以立刻调用此方法。或者，从XML inflate来的自定义view类型可以在onFinishInflate回调方法中使用它。
链接：https://www.jianshu.com/p/3678aafdabc7
QMUIRoundButtton
private void init(Context context, AttributeSet attrs, int defStyleAttr) {
//获取背景
QMUIRoundButtonDrawable bg = QMUIRoundButtonDrawable.fromAttributeSet(context, attrs, defStyleAttr);
//设置背景
QMUIViewHelper.setBackgroundKeepingPadding(this, bg);
//Dissable是不改变背景
setChangeAlphaWhenDisable(false);
//Press时不改变背景
setChangeAlphaWhenPress(false);
}
-
因为该控件的圆角采用 View 的 background 实现, 所以与原生的
android:background有冲突。 -
如果在 xml 中用
android:background指定 background, 该 background 不会生效。 -
如果在该 View 构造完后用 {@link #setBackgroundResource(int)} 等方法设置背景, 该背景将覆盖圆角效果.
-
如需在 xml 中指定圆角、边框颜色、边框粗细、背景色等值,采用 xml 属性 {@link com.qmuiteam.qmui.R.styleable#QMUIRoundButton}
-
如需在 Java 中指定以上属性, 需要通过 {@link #getBackground()} 获取 {@link QMUIRoundButtonDrawable} 对象,
-
然后使用 {@link QMUIRoundButtonDrawable} 提供的方法进行设置。
QMUIRoundButtonDrawable…java
public class QMUIRoundButtonDrawable extends GradientDrawable {
/**
* 圆角大小是否自适应为 View 的高度的一般
*/
private boolean mRadiusAdjustBounds = true;
private ColorStateList mFillColors;
private int mStrokeWidth = 0;
private ColorStateList mStrokeColors;
/**
* 设置按钮的背景色(只支持纯色,不支持 Bitmap 或 Drawable)
*/
public void setBgData(@Nullable ColorStateList colors) {
if (hasNativeStateListAPI()) {
super.setColor(colors);
} else {
mFillColors = colors;
final int currentColor;
if (colors == null) {
currentColor = Color.TRANSPARENT;
} else {
currentColor = colors.getColorForState(getState(), 0);
}
setColor(currentColor);
}
}
/**
* 设置按钮的描边粗细和颜色
*/
public void setStrokeData(int width, @Nullable ColorStateList colors) {
if (hasNativeStateListAPI()) {
super.setStroke(width, colors);
} else {
mStrokeWidth = width;
mStrokeColors = colors;
final int currentColor;
if (colors == null) {
currentColor = Color.TRANSPARENT;
} else {
currentColor = colors.getColorForState(getState(), 0);
}
setStroke(width, currentColor);
}
}
private boolean hasNativeStateListAPI() {
return Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP;
}
/**
* 设置圆角大小是否自动适应为 View 的高度的一半
*/
public void setIsRadiusAdjustBounds(boolean isRadiusAdjustBounds) {
mRadiusAdjustBounds = isRadiusAdjustBounds;
}
//return true 表示状态改变需要改变UI，需要重绘，F意思相反
@Override
protected boolean onStateChange(int[] stateSet) {
boolean superRet = super.onStateChange(stateSet);
if (mFillColors != null) {
int color = mFillColors.getColorForState(stateSet, 0);
setColor(color);
superRet = true;
}
if (mStrokeColors != null) {
int color = mStrokeColors.getColorForState(stateSet, 0);
setStroke(mStrokeWidth, color);
superRet = true;
}
return superRet;
}
@Override
public boolean isStateful() {
return (mFillColors != null && mFillColors.isStateful())
|| (mStrokeColors != null && mStrokeColors.isStateful())
|| super.isStateful();
}
@Override
protected void onBoundsChange(Rect r) {
super.onBoundsChange(r);
if (mRadiusAdjustBounds) {
// 修改圆角为短边的一半
setCornerRadius(Math.min(r.width(), r.height()) / 2);
}
}
public static QMUIRoundButtonDrawable fromAttributeSet(Context context, AttributeSet attrs, int defStyleAttr) {
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.QMUIRoundButton, defStyleAttr, 0);
ColorStateList colorBg = typedArray.getColorStateList(R.styleable.QMUIRoundButton_qmui_backgroundColor);
ColorStateList colorBorder = typedArray.getColorStateList(R.styleable.QMUIRoundButton_qmui_borderColor);
int borderWidth = typedArray.getDimensionPixelSize(R.styleable.QMUIRoundButton_qmui_borderWidth, 0);
boolean isRadiusAdjustBounds = typedArray.getBoolean(R.styleable.QMUIRoundButton_qmui_isRadiusAdjustBounds, false);
int mRadius = typedArray.getDimensionPixelSize(R.styleable.QMUIRoundButton_qmui_radius, 0);
int mRadiusTopLeft = typedArray.getDimensionPixelSize(R.styleable.QMUIRoundButton_qmui_radiusTopLeft, 0);
int mRadiusTopRight = typedArray.getDimensionPixelSize(R.styleable.QMUIRoundButton_qmui_radiusTopRight, 0);
int mRadiusBottomLeft = typedArray.getDimensionPixelSize(R.styleable.QMUIRoundButton_qmui_radiusBottomLeft, 0);
int mRadiusBottomRight = typedArray.getDimensionPixelSize(R.styleable.QMUIRoundButton_qmui_radiusBottomRight, 0);
typedArray.recycle();
QMUIRoundButtonDrawable bg = new QMUIRoundButtonDrawable();
bg.setBgData(colorBg);
bg.setStrokeData(borderWidth, colorBorder);
if (mRadiusTopLeft > 0 || mRadiusTopRight > 0 || mRadiusBottomLeft > 0 || mRadiusBottomRight > 0) {
float[] radii = new float[]{
mRadiusTopLeft, mRadiusTopLeft,
mRadiusTopRight, mRadiusTopRight,
mRadiusBottomRight, mRadiusBottomRight,
mRadiusBottomLeft, mRadiusBottomLeft
};
bg.setCornerRadii(radii);
isRadiusAdjustBounds = false;
} else {
bg.setCornerRadius(mRadius);
if(mRadius > 0){
isRadiusAdjustBounds = false;
}
}
bg.setIsRadiusAdjustBounds(isRadiusAdjustBounds);
return bg;}}}
核心类
QMUIRoundButton：继承自QMUIAlphaButton、AppCompatButton, 默认样式为 QMUI.RoundButton
QMUIRoundButtonDrawable: QMUIRoundButton 的背景生成类
QMUIViewHelper: 辅助类，用于设置背景。
链接：https://www.jianshu.com/p/e93bddec068e
在 QMUIRoundButton 的每一个构造函数中都调用了 init(), 通过查看 init()发现核心是获取一个 Drawable 对象，并将其作为背景赋值给自身.
- QMUIRoundButtonDrawable.fromAttributeSet() 负责生成Drawable 对象
- QMUIViewHelper.setBackgroundKeepingPadding() 负责调用 view.setBackground(drawable).
QMUITipDialog
@Widget(widgetClass = QMUITipDialog.class, iconRes = R.mipmap.icon_grid_tip_dialog)//桌面图标
public class QDTipDialogFragment extends BaseFragment {
@BindView(R.id.topbar)
QMUITopBarLayout mTopBar;
@BindView(R.id.listview)
ListView mListView;
private QDItemDescription mQDItemDescription;
@Override
protected View onCreateView() {
View root = LayoutInflater.from(getActivity()).inflate(R.layout.fragment_listview, null);
ButterKnife.bind(this, root);
mQDItemDescription = QDDataManager.getInstance().getDescription(this.getClass());
initTopBar();
initListView();
return root;
}
private void initTopBar() {
mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
popBackStack();
}
});
mTopBar.setTitle(mQDItemDescription.getName());
}
private void initListView() {
String[] listItems = new String[]{
"Loading 类型提示框",
"成功提示类型提示框",
"失败提示类型提示框",
"信息提示类型提示框",
"单独图片类型提示框",
"单独文字类型提示框",
"自定义内容提示框"
};
List<String> data = new ArrayList<>();
Collections.addAll(data, listItems);
mListView.setAdapter(new ArrayAdapter<>(getActivity(), R.layout.simple_list_item, data));
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
final QMUITipDialog tipDialog;
switch (position) {
case 0:
tipDialog = new QMUITipDialog.Builder(getContext())
.setIconType(QMUITipDialog.Builder.ICON_TYPE_LOADING)
.setTipWord("正在加载")
.create();
break;
case 1:
tipDialog = new QMUITipDialog.Builder(getContext())
.setIconType(QMUITipDialog.Builder.ICON_TYPE_SUCCESS)
.setTipWord("发送成功")
.create();
break;
case 2:
tipDialog = new QMUITipDialog.Builder(getContext())
.setIconType(QMUITipDialog.Builder.ICON_TYPE_FAIL)
.setTipWord("发送失败")
.create();
break;
case 3:
tipDialog = new QMUITipDialog.Builder(getContext())
.setIconType(QMUITipDialog.Builder.ICON_TYPE_INFO)
.setTipWord("请勿重复操作")
.create();
break;
case 4:
tipDialog = new QMUITipDialog.Builder(getContext())
.setIconType(QMUITipDialog.Builder.ICON_TYPE_SUCCESS)
.create();
break;
case 5:
tipDialog = new QMUITipDialog.Builder(getContext())
.setTipWord("请勿重复操作")
.create();
break;
case 6:
tipDialog = new QMUITipDialog.CustomBuilder(getContext())
.setContent(R.layout.tipdialog_custom)
.create();
break;
default:
tipDialog = new QMUITipDialog.Builder(getContext())
.setIconType(QMUITipDialog.Builder.ICON_TYPE_LOADING)
.setTipWord("正在加载")
.create();
}
tipDialog.show();
mListView.postDelayed(new Runnable() {
@Override
public void run() {
tipDialog.dismiss();
}
}, 1500);
} });}}
核心类
QDTipDialogFragment继承自BaseFragment
具有几个操作的提示框，可以通过修QMUITipDialog.Builder.ICON_TYPE_SUCCESS来显示不同的提示框，如QMUITipDialog.Builder.ICON_TYPE_LOADING是一个加载的提示框，如果一个操作时间较长可以使用此提示框，增加用户体验。但是这些提示框需要显示的关闭，调用tipDialog.dismiss()方法，一般是在用某一个控件的postDelayed()方法来定时关闭提示框。
使用框架
1.在activity_main.xml布局文件代码如下。注意要添加fitsSystemWindows=“true”
2.在代码文件MainActivity.java中，先定义成员变量、绑定事件。
@BindView(R.id.listview_contact) ListView mListView_contact;
3、自定义一个初始化ListView的函数initListView( )，用于在ListView显示一些默认数据。我们主要用于显示联系人姓名。
private void initListView() {
String[] listItems = new String[]{
"舒淇", "周杰伦", "古天乐", "姚明", "刘德华", "谢霆锋",
"朱时茂", "朱军", "周迅", "赵忠祥", "赵薇", "张国立",
"赵本山", "章子怡", "张艺谋", "张卫健", "张铁林", "袁泉",
"俞小凡", "杨丽萍", "杨澜", "汪峰", "唐国强", "孙楠",
"宋祖英", "斯琴高娃", "撒贝宁", "秦海璐", "任泉", "周杰"
};
mListView_contact.setAdapter(new ArrayAdapter<String>(
MainActivity.this,
android.R.layout.simple_list_item_1, listItems
));
}
4、在onCreate中调用初始化列表函数即可，代码如下。
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 沉浸式状态栏
QMUIStatusBarHelper.translucent(this);
View root = LayoutInflater.from(this).inflate(R.layout.activity_main, null);
ButterKnife.bind(this, root);
//初始化状态栏
initTopBar();
//初始化列表
initListView();
setContentView(root);
原文：https://blog.csdn.net/weixin_42127613/article/details/80534634
QMUIDialog
@Widget(widgetClass = QMUIDialog.class, iconRes = R.mipmap.icon_grid_dialog)
public class QDDialogFragment extends BaseFragment {
@BindView(R.id.topbar)
QMUITopBarLayout mTopBar;
@BindView(R.id.listview)
ListView mListView;
private QDItemDescription mQDItemDescription;
private int mCurrentDialogStyle = com.qmuiteam.qmui.R.style.QMUI_Dialog;
@Override
protected View onCreateView() {
View view = LayoutInflater.from(getActivity()).inflate(R.layout.fragment_listview, null);
ButterKnife.bind(this, view);
mQDItemDescription = QDDataManager.getInstance().getDescription(this.getClass());
initTopBar();
initListView();
return view;
}
private void initTopBar() {
mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
popBackStack();
}
});
mTopBar.addRightImageButton(R.mipmap.icon_topbar_overflow, R.id.topbar_right_change_button)
.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
showBottomSheet();
}
});
mTopBar.setTitle(mQDItemDescription.getName());
}
private void initListView() {
String[] listItems = new String[]{
"消息类型对话框（蓝色按钮）",
"消息类型对话框（红色按钮）",
"消息类型对话框 (很长文案)",
"菜单类型对话框",
"带 Checkbox 的消息确认框",
"单选菜单类型对话框",
"多选菜单类型对话框",
"多选菜单类型对话框(item 数量很多)",
"带输入框的对话框",
"高度适应键盘升降的对话框"
};
List<String> data = new ArrayList<>();
Collections.addAll(data, listItems);
mListView.setAdapter(new ArrayAdapter<>(getActivity(), R.layout.simple_list_item, data));
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
switch (position) {
case 0:
showMessagePositiveDialog();
break;
case 1:
showMessageNegativeDialog();
break;
case 2:
showLongMessageDialog();
break;
case 3:
showMenuDialog();
break;
case 4:
showConfirmMessageDialog();
break;
case 5:
showSingleChoiceDialog();
break;
case 6:
showMultiChoiceDialog();
break;
case 7:
showNumerousMultiChoiceDialog();
break;
case 8:
showEditTextDialog();
break;
case 9:
showAutoDialog();
break;
}
}
});
}
// ================================ 生成不同类型的对话框
private void showMessagePositiveDialog() {
new QMUIDialog.MessageDialogBuilder(getActivity())
.setTitle("标题")
.setMessage("确定要发送吗？")
.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
})
.addAction("确定", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
Toast.makeText(getActivity(), "发送成功", Toast.LENGTH_SHORT).show();
}
})
.create(mCurrentDialogStyle).show();
}
private void showMessageNegativeDialog() {
new QMUIDialog.MessageDialogBuilder(getActivity())
.setTitle("标题")
.setMessage("确定要删除吗？")
.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
})
.addAction(0, "删除", QMUIDialogAction.ACTION_PROP_NEGATIVE, new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
Toast.makeText(getActivity(), "删除成功", Toast.LENGTH_SHORT).show();
dialog.dismiss();
}
})
.create(mCurrentDialogStyle).show();
}
private void showLongMessageDialog() {
new QMUIDialog.MessageDialogBuilder(getActivity())
.setTitle("标题")
.setMessage("这是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很" +
"长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长" +
"很长很长很长很长很很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长" +
"很长很长很长很长很长很长很长很长很长很长很长很长很长很长长很长的文案")
.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
})
.create(mCurrentDialogStyle).show();
}
private void showConfirmMessageDialog() {
new QMUIDialog.CheckBoxMessageDialogBuilder(getActivity())
.setTitle("退出后是否删除账号信息?")
.setMessage("删除账号信息")
.setChecked(true)
.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
})
.addAction("退出", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
})
.create(mCurrentDialogStyle).show();
}
private void showMenuDialog() {
final String[] items = new String[]{"选项1", "选项2", "选项3"};
new QMUIDialog.MenuDialogBuilder(getActivity())
.addItems(items, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(getActivity(), "你选择了 " + items[which], Toast.LENGTH_SHORT).show();
dialog.dismiss();
}
})
.create(mCurrentDialogStyle).show();
}
private void showSingleChoiceDialog() {
final String[] items = new String[]{"选项1", "选项2", "选项3"};
final int checkedIndex = 1;
new QMUIDialog.CheckableDialogBuilder(getActivity())
.setCheckedIndex(checkedIndex)
.addItems(items, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(getActivity(), "你选择了 " + items[which], Toast.LENGTH_SHORT).show();
dialog.dismiss();
}
})
.create(mCurrentDialogStyle).show();
}
private void showMultiChoiceDialog() {
final String[] items = new String[]{"选项1", "选项2", "选项3", "选项4", "选项5", "选项6"};
final QMUIDialog.MultiCheckableDialogBuilder builder = new QMUIDialog.MultiCheckableDialogBuilder(getActivity())
.setCheckedItems(new int[]{1, 3})
.addItems(items, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
}
});
builder.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
});
builder.addAction("提交", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
String result = "你选择了 ";
for (int i = 0; i < builder.getCheckedItemIndexes().length; i++) {
result += "" + builder.getCheckedItemIndexes()[i] + "; ";
}
Toast.makeText(getActivity(), result, Toast.LENGTH_SHORT).show();
dialog.dismiss();
}
});
builder.create(mCurrentDialogStyle).show();
}
private void showNumerousMultiChoiceDialog() {
final String[] items = new String[]{
"选项1", "选项2", "选项3", "选项4", "选项5", "选项6",
"选项7", "选项8", "选项9", "选项10", "选项11", "选项12",
"选项13", "选项14", "选项15", "选项16", "选项17", "选项18"
};
final QMUIDialog.MultiCheckableDialogBuilder builder = new QMUIDialog.MultiCheckableDialogBuilder(getActivity())
.setCheckedItems(new int[]{1, 3})
.addItems(items, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
}
});
builder.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
});
builder.addAction("提交", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
String result = "你选择了 ";
for (int i = 0; i < builder.getCheckedItemIndexes().length; i++) {
result += "" + builder.getCheckedItemIndexes()[i] + "; ";
}
Toast.makeText(getActivity(), result, Toast.LENGTH_SHORT).show();
dialog.dismiss();
}
});
builder.create(mCurrentDialogStyle).show();
}
private void showEditTextDialog() {
final QMUIDialog.EditTextDialogBuilder builder = new QMUIDialog.EditTextDialogBuilder(getActivity());
builder.setTitle("标题")
.setPlaceholder("在此输入您的昵称")
.setInputType(InputType.TYPE_CLASS_TEXT)
.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
})
.addAction("确定", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
CharSequence text = builder.getEditText().getText();
if (text != null && text.length() > 0) {
Toast.makeText(getActivity(), "您的昵称: " + text, Toast.LENGTH_SHORT).show();
dialog.dismiss();
} else {
Toast.makeText(getActivity(), "请填入昵称", Toast.LENGTH_SHORT).show();
}
}
})
.create(mCurrentDialogStyle).show();
}
private void showAutoDialog() {
QMAutoTestDialogBuilder autoTestDialogBuilder = (QMAutoTestDialogBuilder) new QMAutoTestDialogBuilder(getActivity())
.addAction("取消", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
dialog.dismiss();
}
})
.addAction("确定", new QMUIDialogAction.ActionListener() {
@Override
public void onClick(QMUIDialog dialog, int index) {
Toast.makeText(getActivity(), "你点了确定", Toast.LENGTH_SHORT).show();
dialog.dismiss();
}
});
autoTestDialogBuilder.create(mCurrentDialogStyle).show();
QMUIKeyboardHelper.showKeyboard(autoTestDialogBuilder.getEditText(), true);
}
class QMAutoTestDialogBuilder extends QMUIDialog.AutoResizeDialogBuilder {
private Context mContext;
private EditText mEditText;
public QMAutoTestDialogBuilder(Context context) {
super(context);
mContext = context;
}
public EditText getEditText() {
return mEditText;
}
@Override
public View onBuildContent(QMUIDialog dialog, ScrollView parent) {
LinearLayout layout = new LinearLayout(mContext);
layout.setOrientation(LinearLayout.VERTICAL);
layout.setLayoutParams(new ScrollView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
int padding = QMUIDisplayHelper.dp2px(mContext, 20);
layout.setPadding(padding, padding, padding, padding);
mEditText = new EditText(mContext);
QMUIViewHelper.setBackgroundKeepingPadding(mEditText, QMUIResHelper.getAttrDrawable(mContext, R.attr.qmui_list_item_bg_with_border_bottom));
mEditText.setHint("输入框");
LinearLayout.LayoutParams editTextLP = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, QMUIDisplayHelper.dpToPx(50));
editTextLP.bottomMargin = QMUIDisplayHelper.dp2px(getContext(), 15);
mEditText.setLayoutParams(editTextLP);
layout.addView(mEditText);
TextView textView = new TextView(mContext);
textView.setLineSpacing(QMUIDisplayHelper.dp2px(getContext(), 4), 1.0f);
textView.setText("观察聚焦输入框后，键盘升起降下时 dialog 的高度自适应变化。\n\n" +
"QMUI Android 的设计目的是用于辅助快速搭建一个具备基本设计还原效果的 Android 项目，" +
"同时利用自身提供的丰富控件及兼容处理，让开发者能专注于业务需求而无需耗费精力在基础代码的设计上。" +
"不管是新项目的创建，或是已有项目的维护，均可使开发效率和项目质量得到大幅度提升。");
textView.setTextColor(ContextCompat.getColor(getContext(), R.color.app_color_description));
textView.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
layout.addView(textView);
return layout;
}
}
private void showBottomSheet() {
new QMUIBottomSheet.BottomListSheetBuilder(getContext())
.addItem("使用 QMUI 默认 Dialog 样式")
.addItem("自定义样式")
.setOnSheetItemClickListener(new QMUIBottomSheet.BottomListSheetBuilder.OnSheetItemClickListener() {
@Override
public void onClick(QMUIBottomSheet dialog, View itemView, int position, String tag) {
switch (position) {
case 0:
mCurrentDialogStyle = com.qmuiteam.qmui.R.style.QMUI_Dialog;
break;
case 1:
mCurrentDialogStyle = R.style.DialogTheme2;
break;
}
dialog.dismiss();
}
})
.build().show();
}
QMUIPopup
private QMUIPopup mNormalPopup;
private QMUIListPopup mListPopup;
@OnClick({R.id.actiontBtn1, R.id.actiontBtn2})
void onClick(View v) {
switch (v.getId()) {
case R.id.actiontBtn1:
initNormalPopupIfNeed();
mNormalPopup.setAnimStyle(QMUIPopup.ANIM_GROW_FROM_CENTER);
mNormalPopup.setPreferredDirection(QMUIPopup.DIRECTION_TOP);
mNormalPopup.show(v);
mActionButton1.setText(getContext().getResources().getString(R.string.popup_normal_action_button_text_hide));
break;
case R.id.actiontBtn2:
initListPopupIfNeed();
mListPopup.setAnimStyle(QMUIPopup.ANIM_GROW_FROM_CENTER);
mListPopup.setPreferredDirection(QMUIPopup.DIRECTION_TOP);
mListPopup.show(v);
mActionButton2.setText(getContext().getResources().getString(R.string.popup_list_action_button_text_hide));
break;
}
}
@Override
protected View onCreateView() {
View root = LayoutInflater.from(getActivity()).inflate(R.layout.fragment_popup, null);
ButterKnife.bind(this, root);
initTopBar();
return root;
}
private void initNormalPopupIfNeed() {
if (mNormalPopup == null) {
mNormalPopup = new QMUIPopup(getContext(), QMUIPopup.DIRECTION_NONE);
TextView textView = new TextView(getContext());
textView.setLayoutParams(mNormalPopup.generateLayoutParam(
QMUIDisplayHelper.dp2px(getContext(), 250),
WRAP_CONTENT
));
textView.setLineSpacing(QMUIDisplayHelper.dp2px(getContext(), 4), 1.0f);
int padding = QMUIDisplayHelper.dp2px(getContext(), 20);
textView.setPadding(padding, padding, padding, padding);
textView.setText("Popup 可以设置其位置以及显示和隐藏的动画");
textView.setTextColor(ContextCompat.getColor(getContext(), R.color.app_color_description));
mNormalPopup.setContentView(textView);
mNormalPopup.setOnDismissListener(new PopupWindow.OnDismissListener() {
@Override
public void onDismiss() {
mActionButton1.setText(getContext().getResources().getString(R.string.popup_normal_action_button_text_show));
}
});
}
}
private void initListPopupIfNeed() {
if (mListPopup == null) {
String[] listItems = new String[]{
"Item 1",
"Item 2",
"Item 3",
"Item 4",
"Item 5",
};
List<String> data = new ArrayList<>();
Collections.addAll(data, listItems);
ArrayAdapter adapter = new ArrayAdapter<>(getActivity(), R.layout.simple_list_item, data);
mListPopup = new QMUIListPopup(getContext(), QMUIPopup.DIRECTION_NONE, adapter);
mListPopup.create(QMUIDisplayHelper.dp2px(getContext(), 250), QMUIDisplayHelper.dp2px(getContext(), 200), new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
Toast.makeText(getActivity(), "Item " + (i + 1), Toast.LENGTH_SHORT).show();
mListPopup.dismiss();
}
});
mListPopup.setOnDismissListener(new PopupWindow.OnDismissListener() {
@Override
public void onDismiss() {
mActionButton2.setText(getContext().getResources().getString(R.string.popup_list_action_button_text_show));
}
});
}
}
private void initTopBar() {
mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
popBackStack();
}
});
mTopBar.setTitle(QDDataManager.getInstance().getName(this.getClass()));
}
}
QMUIDisplayHelper类控制悬浮弹窗位置；
Popup_Layout中存在两个ImageView,
Popup提供一个浮层，支持自定义浮层的内容，支持在指定的任一方向旁边展示该浮层，支持自定义浮层出现/消失的动画。相关内容在QMUIPopuo
public class QMUIPopup extends QMUIBasePopup {
public static final int ANIM_GROW_FROM_LEFT = 1;
public static final int ANIM_GROW_FROM_RIGHT = 2;
public static final int ANIM_GROW_FROM_CENTER = 3;
public static final int ANIM_AUTO = 4;
public static final int DIRECTION_TOP = 0;
public static final int DIRECTION_BOTTOM = 1;
public static final int DIRECTION_NONE = 2;
protected ImageView mArrowUp;
protected ImageView mArrowDown;
protected int mAnimStyle;
protected int mDirection;
protected int mX = -1;
protected int mY = -1;
protected int mArrowCenter;
// 该PopupWindow的View距离屏幕左右的最小距离
private int mPopupLeftRightMinMargin = 0;
// 该PopupWindow的View距离屏幕上下的最小距离
private int mPopupTopBottomMinMargin = 0;
private int mPreferredDirection;
// 计算位置后的偏移x值
private int mOffsetX = 0;
// 计算位置后的偏移y值，当浮层在View的上方时使用
private int mOffsetYWhenTop = 0;
// 计算位置后的偏移y值，当浮层在View的下方时使用
private int mOffsetYWhenBottom = 0;
public QMUIPopup(Context context) {
this(context, DIRECTION_NONE);
}
public QMUIPopup(Context context, @Direction int preferredDirection) {
super(context);
mAnimStyle = ANIM_AUTO;
mPreferredDirection = preferredDirection;
mDirection = mPreferredDirection;
}
public void setPopupLeftRightMinMargin(int popupLeftRightMinMargin) {
mPopupLeftRightMinMargin = popupLeftRightMinMargin;
}
public void setPopupTopBottomMinMargin(int popupTopBottomMinMargin) {
mPopupTopBottomMinMargin = popupTopBottomMinMargin;
}
/**
* 设置根据计算得到的位置后的偏移值
*/
public void setPositionOffsetX(int offsetX) {
mOffsetX = offsetX;
}
/**
* 设置根据计算得到的位置后的偏移值
*
* @param offsetYWhenTop mDirection!=DIRECTION_BOTTOM 时的 offsetY
*/
public void setPositionOffsetYWhenTop(int offsetYWhenTop) {
mOffsetYWhenTop = offsetYWhenTop;
}
/**
* 设置根据计算得到的位置后的偏移值
*
* @param offsetYWhenBottom mDirection==DIRECTION_BOTTOM 时的 offsetY
*/
public void setPositionOffsetYWhenBottom(int offsetYWhenBottom) {
mOffsetYWhenBottom = offsetYWhenBottom;
}
public void setPreferredDirection(int preferredDirection) {
mPreferredDirection = preferredDirection;
}
@Override
protected Point onShowBegin(View parent, View attachedView) {
calculatePosition(attachedView);
showArrow();
setAnimationStyle(mScreenSize.x, mArrowCenter);
int offsetY = 0;
if (mDirection == DIRECTION_TOP) {
offsetY = mOffsetYWhenTop;
} else if (mDirection == DIRECTION_BOTTOM) {
offsetY = mOffsetYWhenBottom;
}
return new Point(mX + mOffsetX, mY + offsetY);
}
@Override
protected void onWindowSizeChange() {
}
private void calculatePosition(View attachedView) {
if (attachedView != null) {
int[] attachedViewLocation = new int[2];
attachedView.getLocationOnScreen(attachedViewLocation);
mArrowCenter = attachedViewLocation[0] + attachedView.getWidth() / 2;
if (mArrowCenter < mScreenSize.x / 2) {//描点在左侧
if (mArrowCenter - mWindowWidth / 2 > mPopupLeftRightMinMargin) {
mX = mArrowCenter - mWindowWidth / 2;
} else {
mX = mPopupLeftRightMinMargin;
}
} else {//描点在右侧
if (mArrowCenter + mWindowWidth / 2 < mScreenSize.x - mPopupLeftRightMinMargin) {
mX = mArrowCenter - mWindowWidth / 2;
} else {
mX = mScreenSize.x - mPopupLeftRightMinMargin - mWindowWidth;
}
}
//实际的方向和期望的方向可能不一致，每次都需要重新
mDirection = mPreferredDirection;
switch (mPreferredDirection) {
case DIRECTION_TOP:
mY = attachedViewLocation[1] - mWindowHeight;
if (mY < mPopupTopBottomMinMargin) {
mY = attachedViewLocation[1] + attachedView.getHeight();
mDirection = DIRECTION_BOTTOM;
}
break;
case DIRECTION_BOTTOM:
mY = attachedViewLocation[1] + attachedView.getHeight();
if (mY > mScreenSize.y - mPopupTopBottomMinMargin - mWindowHeight) {
mY = attachedViewLocation[1] - mWindowHeight;
mDirection = DIRECTION_TOP;
}
break;
case DIRECTION_NONE:
// 默认Y值与attachedView的Y值相同
mY = attachedViewLocation[1];
break;
}
} else {
mX = (mScreenSize.x - mWindowWidth) / 2;
mY = (mScreenSize.y - mWindowHeight) / 2;
mDirection = DIRECTION_NONE;
}
}
/**
* Set animation style
*
* @param screenWidth screen width
* @param requestedX distance from left edge
*/
private void setAnimationStyle(int screenWidth, int requestedX) {
int arrowPos = requestedX;
if (mArrowUp != null) {
arrowPos -= mArrowUp.getMeasuredWidth() / 2;
}
boolean onTop = mDirection == DIRECTION_TOP;
switch (mAnimStyle) {
case ANIM_GROW_FROM_LEFT:
mWindow.setAnimationStyle(onTop ? R.style.QMUI_Animation_PopUpMenu_Left : R.style.QMUI_Animation_PopDownMenu_Left);
break;
case ANIM_GROW_FROM_RIGHT:
mWindow.setAnimationStyle(onTop ? R.style.QMUI_Animation_PopUpMenu_Right : R.style.QMUI_Animation_PopDownMenu_Right);
break;
case ANIM_GROW_FROM_CENTER:
mWindow.setAnimationStyle(onTop ? R.style.QMUI_Animation_PopUpMenu_Center : R.style.QMUI_Animation_PopDownMenu_Center);
break;
case ANIM_AUTO:
if (arrowPos <= screenWidth / 4) {
mWindow.setAnimationStyle(onTop ? R.style.QMUI_Animation_PopUpMenu_Left : R.style.QMUI_Animation_PopDownMenu_Left);
} else if (arrowPos > screenWidth / 4 && arrowPos < 3 * (screenWidth / 4)) {
mWindow.setAnimationStyle(onTop ? R.style.QMUI_Animation_PopUpMenu_Center : R.style.QMUI_Animation_PopDownMenu_Center);
} else {
mWindow.setAnimationStyle(onTop ? R.style.QMUI_Animation_PopUpMenu_Right : R.style.QMUI_Animation_PopDownMenu_Right);
}
break;
}
}
/**
* 显示箭头（上/下）
*/
private void showArrow() {
View showArrow = null;
switch (mDirection) {
case DIRECTION_BOTTOM:
setViewVisibility(mArrowUp, true);
setViewVisibility(mArrowDown, false);
showArrow = mArrowUp;
break;
case DIRECTION_TOP:
setViewVisibility(mArrowDown, true);
setViewVisibility(mArrowUp, false);
showArrow = mArrowDown;
break;
case DIRECTION_NONE:
setViewVisibility(mArrowDown, false);
setViewVisibility(mArrowUp, false);
break;
}
if (showArrow != null) {
final int arrowWidth = mArrowUp.getMeasuredWidth();
ViewGroup.MarginLayoutParams param = (ViewGroup.MarginLayoutParams) showArrow.getLayoutParams();
param.leftMargin = mArrowCenter - mX - arrowWidth / 2;
}
}
/**
* 菜单弹出动画
*
* @param mAnimStyle 默认是 ANIM_AUTO
*/
public void setAnimStyle(int mAnimStyle) {
this.mAnimStyle = mAnimStyle;
}
@Override
public void setContentView(View root) {
if (root.getBackground() != null) {
if (root instanceof IQMUILayout) {
((IQMUILayout) root).setRadius(getRootLayoutRadius(mContext));
} else {
QMUIFrameLayout clipLayout = new QMUIFrameLayout(mContext);
clipLayout.setRadius(getRootLayoutRadius(mContext));
clipLayout.addView(root);
root = clipLayout;
}
}
@SuppressLint("InflateParams") FrameLayout layout = (FrameLayout) LayoutInflater.from(mContext)
.inflate(getRootLayout(), null, false);
mArrowDown = (ImageView) layout.findViewById(R.id.arrow_down);
mArrowUp = (ImageView) layout.findViewById(R.id.arrow_up);
FrameLayout box = (FrameLayout) layout.findViewById(R.id.box);
box.addView(root);
super.setContentView(layout);
}
/**
* the root layout: must provide ids: arrow_down(ImageView), arrow_up(ImageView), box(FrameLayout)
*
* @return
*/
@LayoutRes
protected int getRootLayout() {
return R.layout.qmui_popup_layout;
}
protected int getRootLayoutRadius(Context context) {
return QMUIDisplayHelper.dp2px(context, 5);
}
private void setViewVisibility(View view, boolean visible) {
if (view != null) {
view.setVisibility(visible ? View.VISIBLE : View.INVISIBLE);
}
}
public ViewGroup.LayoutParams generateLayoutParam(int width, int height) {
return new FrameLayout.LayoutParams(width, height);
}
@IntDef({DIRECTION_NONE, DIRECTION_TOP, DIRECTION_BOTTOM})
@Retention(RetentionPolicy.SOURCE)
public @interface Direction {
}
}