房地产网站设计,中国建筑公司排名最新五十强,seo有哪些作用,如何做网站效果图文章目录 前言一、效果图二、实现步骤1.自定义Dialog2.xml布局3.背景白色转角drawable4.取消按钮背景drawable5.确定按钮背景drawable6.NumberPicker样式和弹框样式7.弹框动画8.Activity使用 总结 前言
随着产品人员不断变态下#xff0c;总是会要求我们的界面高大上#xf… 文章目录 前言一、效果图二、实现步骤1.自定义Dialog2.xml布局3.背景白色转角drawable4.取消按钮背景drawable5.确定按钮背景drawable6.NumberPicker样式和弹框样式7.弹框动画8.Activity使用 总结 前言
随着产品人员不断变态下总是会要求我们的界面高大上随意UI能画出来我们就得搞出来才行这里有自定义弹框以及时间选择控件的运用根据年和月判断当月有多少天需要什么就copy什么。 一、效果图 二、实现步骤
1.自定义Dialog 代码如下示例 package com.example.merchant.utils;import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.NumberPicker;
import android.widget.TextView;import com.example.merchant.R;import java.util.Calendar;/*** Created by caoliulang* ❤* Creation time :2023/9/01* ❤* Function 日期选择弹框*/
public class TiemDialog extends Dialog {Context context;MenuListener mMenuListener;View mRootView;private Animation mShowAnim;private Animation mDismissAnim;private boolean isDismissing;TextView cancle;//取消TextView confirm;//确定NumberPicker number_month;//月NumberPicker number_day;//天NumberPicker number_yer;//年Calendar calendar Calendar.getInstance();//取得当前时间的年月日 时分秒public TiemDialog(Context context) {super(context, R.style.ActionSheetDialog);this.context context;getWindow().setGravity(Gravity.BOTTOM);initView(context);}private void initView(final Context context) {mRootView View.inflate(context, R.layout.time_dialog, null);cancle mRootView.findViewById(R.id.cancle);confirm mRootView.findViewById(R.id.confirm);number_month mRootView.findViewById(R.id.number_month);number_day mRootView.findViewById(R.id.number_day);number_yer mRootView.findViewById(R.id.number_yer);// 设置年份范围int curYear Calendar.getInstance().get(Calendar.YEAR);number_yer.setMinValue(curYear - 10);number_yer.setMaxValue(curYear 10);number_yer.setValue(calendar.get(Calendar.YEAR));// 设置月份范围
// String[] months new String[]{1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12};
// monthPicker.setDisplayedValues(months);number_month.setMinValue(1);number_month.setMaxValue(12);number_month.setValue(calendar.get(Calendar.MONTH) 1);// 设置天数范围
// String[] day new String[]{1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31};int day Calendar.getInstance().get(Calendar.HOUR_OF_DAY);number_day.setMinValue(1);number_day.setMaxValue(getDayTS(getYear(), getMonths()));number_day.setValue(calendar.get(Calendar.DAY_OF_MONTH));// 设置滚动监听器 年number_yer.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {Overridepublic void onValueChange(NumberPicker picker, int oldVal, int newVal) {number_day.setMinValue(1);number_day.setMaxValue(getDayTS(getYear(), getMonths()));}});// 设置滚动监听器 月number_month.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {Overridepublic void onValueChange(NumberPicker picker, int oldVal, int newVal) {number_day.setMinValue(1);number_day.setMaxValue(getDayTS(getYear(), getMonths()));}});// 设置滚动监听器 日number_day.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {Overridepublic void onValueChange(NumberPicker picker, int oldVal, int newVal) {}});confirm.setOnClickListener(new View.OnClickListener() {Overridepublic void onClick(View v) {mMenuListener.onSelect();}});cancle.setOnClickListener(new View.OnClickListener() {Overridepublic void onClick(View v) {cancel();}});this.setContentView(mRootView);initAnim(context);setOnCancelListener(new OnCancelListener() {Overridepublic void onCancel(DialogInterface dialog) {if (mMenuListener ! null) {mMenuListener.onCancel();}}});}private void initAnim(Context context) {mShowAnim AnimationUtils.loadAnimation(context, R.anim.translate_up);mDismissAnim AnimationUtils.loadAnimation(context, R.anim.translate_down);mDismissAnim.setAnimationListener(new Animation.AnimationListener() {Overridepublic void onAnimationStart(Animation animation) {}Overridepublic void onAnimationEnd(Animation animation) {dismissMe();}Overridepublic void onAnimationRepeat(Animation animation) {}});}Overridepublic void show() {super.show();mRootView.startAnimation(mShowAnim);}Overridepublic void dismiss() {if (isDismissing) {return;}isDismissing true;mRootView.startAnimation(mDismissAnim);}private void dismissMe() {super.dismiss();isDismissing false;}public int getYear() {return number_yer.getValue();}public int getMonths() {return number_month.getValue();}public int getDay() {return number_day.getValue();}public MenuListener getMenuListener() {return mMenuListener;}public void setMenuListener(MenuListener menuListener) {mMenuListener menuListener;}Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {if (keyCode KeyEvent.KEYCODE_MENU) {dismiss();return true;}return super.onKeyDown(keyCode, event);}public interface MenuListener {void onCancel();void onSelect();}/*** 根据是否闰年和月份判断本月的天数** param year* param month* return*/private int getDayTS(int year, int month) {int day 30;boolean flag false;switch (year % 4) {case 0:flag true;break;default:flag false;break;}switch (month) {case 1:case 3:case 5:case 7:case 8:case 10:case 12:day 31;break;case 2:day flag ? 29 : 28;break;default:day 30;break;}return day;}
}
2.xml布局
代码如下示例
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticalLinearLayoutandroid:idid/ll_shareandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:layout_alignParentBottomtrueandroid:backgrounddrawable/bzhs_bff_8android:gravitycenter_horizontalandroid:orientationverticalTextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_marginTop17dpandroid:textSeleccionar fechaandroid:textColor#232323android:textSize16dpandroid:textStylebold /LinearLayoutandroid:layout_widthmatch_parentandroid:layout_height240dpandroid:layout_marginTop10dpandroid:layout_marginBottom10dpandroid:orientationhorizontalNumberPickerandroid:idid/number_monthandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:themestyle/DefaultNumberPickerThemeandroid:layout_weight1 /NumberPickerandroid:idid/number_dayandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:themestyle/DefaultNumberPickerThemeandroid:layout_weight1 /NumberPickerandroid:idid/number_yerandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:themestyle/DefaultNumberPickerThemeandroid:layout_weight1 //LinearLayoutLinearLayoutandroid:layout_widthmatch_parentandroid:layout_height40dpandroid:layout_marginLeft16dpandroid:layout_marginRight16dpandroid:layout_marginBottom46dpandroid:gravitycenterandroid:orientationhorizontalTextViewandroid:idid/cancleandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:layout_marginRight5dpandroid:layout_weight1android:backgrounddrawable/bzhs_wls_4android:gravitycenterandroid:textCancleandroid:textColor#333333android:textSize16dp /TextViewandroid:idid/confirmandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:layout_marginLeft5dpandroid:layout_weight1android:backgrounddrawable/bzhs_qls_4android:gravitycenterandroid:textConfirmandroid:textColor#ffffffandroid:textSize16dp //LinearLayout/LinearLayout/RelativeLayout
3.背景白色转角drawable
代码如下示例
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/android!-- 背景颜色 --solid android:color#ffffff /!-- 控制圆角大小 --corners android:topRightRadius8dpandroid:topLeftRadius8dp//shape4.取消按钮背景drawable
代码如下示例
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/android!-- 背景颜色 --solid android:color#ffffff /!-- 控制边界线颜色和大小 --strokeandroid:width1dpandroid:color#006FF0 /!-- 控制圆角大小 --corners android:radius4dp //shape5.确定按钮背景drawable
代码如下示例
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/android!-- 背景颜色 --solid android:color#006FF0 /!-- 控制边界线颜色和大小 --strokeandroid:width1dpandroid:color#006FF0 /!-- 控制圆角大小 --corners android:radius4dp //shape6.NumberPicker样式和弹框样式
代码如下示例 style nameDefaultNumberPickerTheme parentAppThemeitem namecolorControlNormalcolor/dividerColor/item/stylestyle nameActionSheetDialog parentandroid:Theme.Dialogitem nameandroid:windowContentOverlaynull/itemitem nameandroid:windowFramenull/itemitem nameandroid:windowBackground#00000000/itemitem nameandroid:windowNoTitletrue/item/style7.弹框动画
?xml version1.0 encodingutf-8?
translate xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:fromYDelta100%android:toYDelta0android:duration250
/translate?xml version1.0 encodingutf-8?
translate xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:fromYDelta0%android:toYDelta100%android:duration250
/translate8.Activity使用
//定义变量
private lateinit var timedialog: TiemDialog//日期选择弹框
//实例化
timedialog TiemDialog(this)
//调用
showTimeDailog()
//方法/*** 日期弹框*/private fun showTimeDailog() {val window: Window timedialog.window!!val lp window.attributes//这句就是设置dialog横向满屏了。lp.width WindowManager.LayoutParams.MATCH_PARENTlp.height WindowManager.LayoutParams.WRAP_CONTENTwindow.attributes lptimedialog.show()timedialog.setCanceledOnTouchOutside(false)timedialog.menuListener object : TiemDialog.MenuListener {//取消override fun onCancel() {timedialog.dismiss()}//确定override fun onSelect() {if (timedialog ! null) {text_time.text ${timedialog.year}-${timedialog.months}-${timedialog.day}timedialog.dismiss()}}}}
总结
东西看起来多也就两个模块一个是自定义Dialog一个NumberPicker的使用欢迎随时探讨。
