这里分享一个Android的非常经典实用而且简单方便的第三方UI控件库:BottomView(小米的米UI也用到了这个) 原文  http://blog.csdn.net/opzoonzhuzhengke/article/details/35230819 实现功能: 可以在底部弹出的View里自定义布局: 可以自定义是否可以触摸外部消失: 可以自定义事件: 可以自定义外围背景是否透明: 可以自定义动画: 如果需要的话,可以强制为顶部View显示 BottomView.jar库文件下载地址:htt

一.Angular  UI组件库  ------------ionic 1. 官网:https://ionicframework.com 文档:https://ionicframework.com/docs 概述:是一个移动端UI组件库,可以与Angular/Vue/React组合应用,也可以单独使用(SCRIPT直接引入) 可以使用lonic的步骤: 1.下载并安装全局的脚手架工具 npm     i     -g    ionic 默认安装在c:/users/用户名/appdata/roam

最近在写移动端项目,就想用lib-flexable,px2rem来进行适配,把px转换成rem但是也用到了第三方UI组件库vux,把这个引入发现一个问题就是vux的组件都缩小了,在网上找不到答案,最后在一个vue开发群里找到了解决的方法,目前的处理方法是将vux组件中px转化为PX,避免被转成rem 可以参考一下这篇文章vue中的适配:px2rem 在webpack.base.conf.js中 vuxLoader中配置以下代码 { name: 'vux-ui' }, { name: 'after

Android常见UI组件之ListView(二)--定制ListView 这一篇接上篇.展示ListView中选择多个项及实现筛选功能~ 1.在位于res/values目录下的strings.xml文件里加入例如以下代码: <? xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">BasicView5</str

ListView就是列表组件,一般通过继承ListActivity使用系统提供的ListView. 所有的AdapterView组件都需要有一个对应的Adapter作为适配器来显示列表中元素的布局方式 见思维导图 AbsListView的常用XML属性: android:choiceMode 设置ListView的选择行为 none:不显示任何选中项 singleChoice:允许单选  multipleChoice:允许多选 android:drawSelectorOnTop 设置为true,

一.popupWindow 1.AlertDialog和PopupWindow最关键的区别是AlertDialog不能指定显示位置,只能默认显示在屏幕最中间(当然也可以通过设置WindowManager参数来改变位置).而PopupWindow是可以指定显示位置的,更加灵活. PopupWindow的位置按照有无偏移分,可以分为偏移和无偏移两种. 按照参照物的不同,可以分为相对于莫个控件(Anchor锚)和相对于父控件 showAsDropDown(View anchor):相对某个控件的位置(

1.XML文件中的OnClick 属性可以指定在Activity中处理点击事件的方法,Activity中必须定义该属性指定的值作为方法的名字且有一个View类型的参数,表示此物件被点击. 2.使用selector配置可以实现不同模式下按钮的样式. selector文件属性说明: android:drawable 默认状态 android:state_pressed 是否按下,如一个按钮触摸或者点击. android:state_focused 是否取得焦点,比如用户选择了一个文本框. andro

Spinner就是下拉框组件,可以自定义下拉布局样式,可以使用ArrayAdapter以及SpinnerAdapter适配 在Adapter中实现SpinnerAdapter,继承BaseAdapter类 private class ListAdapter extends BaseAdapter implements SpinnerAdapter { @Override public int getCount() { return allLists.size(); } @Override pub

背景 在项目使用lib-flexible还有postcss-px2rem实现移动端适配,当我们引入第三方的样式组件库,发现一个问题.那些组件库的样式都变小了. 问题原因 变小的主要原因是第三库 css一依据 data-dpr="1" 时写的尺寸 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.

1.ExpandableListView 显示垂直滚动两级列表的条目,只允许两个层次 整体思路: 要给ExpandableListView设置适配器,那么必须先设置数据源. 数据源,就是此处的适配器类ExpandableAdapter,需要重写里面的几个方法 数据源中用到了自定义的View布局,此时根据自己的需求来设置组和子项的布局样式,getChildView()和getGroupView()方法设置自定义布局 <ExpandableListView android:id="@+id/e

1.Spinner 提供一个快速的方法来从一组值中选择一个值.在默认状态Spinner显示当前选择的值.触摸Spinner与所有其他可用值显示一个下拉菜单,可以选择一个新的值. /** * 写死内容: * 只需在value内创建一个array,写上数据,在xml里引用 */ <array name="city"> <item>北京</item> <item>上海</item> <item>广州</item&g

1.Toast //显示文字 Toast.makeText(this,"Toast显示文本",Toast.LENGTH_SHORT).show(); //显示图片 Toast toast = new Toast(this); ImageView imageView = new ImageView(this); imageView.setImageResource(R.mipmap.ic_launcher); toast.setView(imageView); toast.show();

EditView和TextView的用法差不多,只是文字可编辑 小技巧: 设置EditText隐藏键盘  setInputType(0); 设置EditText不被输入法遮盖  getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE); 提示错误框(用于验证必填等): setError(); 文字全选: selectAll() 設置提示顏色 setHintTextColor() 补充: XM

1.TextView android:autoLink设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接.可选值(none /web/email/phone/map/all) android:cursorVisible设定光标为显示/隐藏,默认显示. android:digits设置允许输入哪些字符.如“1234567890.+-*/% ()” android:drawableBottom在text的下方输出一个drawable,如图片.如果指定一个颜色的话会把t

AutoCompleteTextView: 就是一个带自动提示的EditText,当输入字符时,会出现提示. android:completionThreshold  输入几个字符时提示 android:completionHint/setCompletionHint(CharSequence) 设置出现下拉列表的提示标题 android:dropDownHeight/setDropHeight(int) 设置下拉列表的高度 android:dropDownWidth/setDropWidth(

GridView常用的XML属性: android:columnWidth  设置列的宽度. android:horizontalSpacing  两列之间的间距.  android:numColumns  设置列数.可以为具体数字,也可以为auto_fit 表示自动适应   android:stretchMode  缩放模式  android:verticalSpacing  两行之间的间距 例子: <?xml version="1.0" encoding="utf-

ExpandableListView: List中的每一项可以展开收缩. 一种伸缩式的ListView. android:cacheColorHint="#00000000" 这个设置可以去除拖动view时背景变成黑色的效果 android:listSelector="#00000000" 可以去除选中时的黄色底色 使用SimpleExpandableListAdapter显示ExpandableListView public SimpleExpandableLis

AdapterViewAnimator:当在视图间切换时会显示动画. android:animateFirstView 定义ViewAnimation首次显示时是否对当前视图应用动画. android:inAnimation 标识显示视图时使用的动画. android:loopViews 定义当动画执行到列表尾部后,是否循环执行到第一个视图.   android:outAnimation 标识隐藏视图时使用的动画. 代码中 //淡入淡出效果  picFlipper.setInAnimation(

DigitalClock和AnalogClock两个时钟类 可以为DigitalClock设置背景图片,自定义时针,秒针,分针的样式 例子: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertica

1.ImageView 常用属性: android:src 设置可绘制对象作为 ImageView 显示的内容 android:cropToPadding 如果设置为true,图片裁剪到保留该ImageView的padding android:paddingTop  与上节点边距的填充 android:adjustViewBounds  如果设置为true 图像将自动调整自己的长宽比 android:maxWidth  设置图像的最大宽 android:maxHeight  设置图像的最大高 a

Chronometer是一个简单的定时器,你可以给它一个开始时间,并以此定时,或者如果你不给它一个开始时间,它将会使用你的时间通话开始.默认情况下它会显示在当前定时器的值的形式“分:秒”或“H:MM:SS的”,或者可以使用的Set(字符串)格式的定时器值到一个任意字符串 1.重要属性 android:format:定义时间的格式如:hh:mm:ss 2.重要方法 setBase(long base):设置倒计时定时器 setFormat(String format):设置显示时间的格式. sta