Arcgis for javascript不同的状态下自定义鼠标样式

俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标:3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为: 按住鼠标拖拽地图时为: 拉框放大地图时为: 拉框缩小地图时为. 接下来,说说我的实现思路. 第一种状态,在地图加载完成时出现,代码: map.on("load",function…

Arcgis for javascript不同的状态下自己定义鼠标样式

俗话说:爱美之心.人皆有之. 是的.没错,即使我仅仅是一个做地图的,我也希望自己的地图看起来好看一点. 在本文,给大家讲讲在Arcgis for javascript下怎样自己定义鼠标样式. 首先.说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标.3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/40…

C#、WPF中如何自定义鼠标样式

需求:在C#中如何自定义鼠标样式?在这里可以分两种情况,一种是在winForm,另一种是在WPF中(注意使用的Cursor对象不一样) 解决办法如下: a.首先针对WinForm中,我们可以采用图标加载方式,代码如下:(这种情况用在普通控件上,但在MouseMove事件中使用,移动时鼠标会一直跳动) public void SetCursor(System.Drawing.Bitmap cursor) { try { System.Drawing.Bitmap newCursor = new S…

CSharp如何自定义鼠标样式

一.如何设置鼠标样式? 在CSharp的WinForm开发中,可以通过下面的API设置鼠标样式: //把鼠标样式设置为十字(系统自带的一种鼠标样式) this.Cursor = Cursors.Cross; //把鼠标样式设置为自定义图片 this.Cursor = new Cursor(string fileName);//要求file为cur格式 this.Cursor = new Cursor(IntPtr handel); this.Cursor = new Cursor(System.…

Android：系统自定义鼠标样式切换

一.APP通过View修改鼠标样式 app view上修改鼠标样式比较简单,通过 hover event 获取鼠标坐标并使用如下方法修改为自定义图片: getWindow().getDecorView().setPointerIcon(PointerIcon.load(getResources(), R.drawable.pointer_spot_touch_icon)); imageView = (ImageView) findViewById(R.id.image_view); imageV…

android 控件在不同状态下的内容样式与背景样式

1 控件内容(如字体颜色)在不同状态下有不同的表现色ref:http://developer.android.com/guide/topics/resources/color-list-resource.htmlres/color/radio_state.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.co…

ArcGIS AddIN开发之自定义鼠标样式

如果想修改Windows默认的鼠标样式,可以这样 //设置鼠标样式 this.Cursor = System.Windows.Forms.Cursors.Cross; 可是如果想设置成一些自定义的很好看的鼠标样式呢? 参考如下网址,该帖子是英文,vb的,而且需要您活动活动手脚才能看到内容 http://www.maprantala.com/2011/07/19/arcgis-add-in-custom-mouse-cursor/ 具体操作步骤如下: (1)添加.cur文件,具体鼠标样式可以下载或…

cursor url 自定义鼠标样式

cursor可以自定义鼠标,写法是cursor:url(“图片路径”),pointer; url:需使用的自定义光标的 URL.图片类型需要是.cur或.ani和jpg,png等格式的(.cur或.ani的兼容性会更好一些,现在一般也不用考虑兼容性了). pointer: 默认的鼠标光标样式,当没有找到可用的定义光标时会使用此光标辞官表可自选一个鼠标样式 auto,pointer等. .cur和 .ani图片我们可以用PS来自己制作. 制作方法也很简单: 1.先创建一个32*32的模板 2.一般…

C#winform程序自定义鼠标样式

public void SetCursor(Bitmap cursor, Point hotPoint) { int hotX = hotPoint.X; int hotY = hotPoint.Y; Bitmap myNewCursor = - hotX, cursor.Height * - hotY); Graphics g = Graphics.FromImage(myNewCursor); g.Clear(Color.FromArgb(, , , )); g.DrawImage(curs…

web中自定义鼠标样式

实现一个功能:鼠标移动到一个图片左边显示左箭头,移动到右边显示右箭头. 实现方法:一个img上面定位两个div,div的样式如下: .toleft { width: 200px; height: 300px; position: absolute; left: 0px; top: 0px; cursor: url(../images/test/cursor_left.cur), default; } .toright { width: 200px; height: 300px; position…

【WPF】自定义鼠标样式

/// <summary> /// This class allow you create a Cursor form a Bitmap /// </summary> internal class BitmapCursor : SafeHandle { public override bool IsInvalid { get { ); } } public static Cursor CreateBmpCursor(Bitmap cursorBitmap) { var c = ne…

.Net应用自定义鼠标样式

(调用系统API的方法) 1.引用命名空间 using System.Runtime.InteropServices; 命名空间提供各种各样支持 COM 互操作及平台调用服务的成员.using System.Reflection; 命名空间包含提供加载类型.方法和字段的有组织的视图的类和接口,具有动态创建和调用类型的功能. 2.导入API [DllImport("user32.dll")] public static extern IntPtr LoadCursorFromFile(…

自定义鼠标光标cursor

通过css属性 Cursor:url()自定义鼠标光标. {cursor:url('图标路径'),default;} url是自定义鼠标图标路径 default指的是定义默认的光标(通常是一个箭头),以防没有由 URL 定义的可用光标. 图标的格式根据不同的浏览器来分: IE支持cur,ani,ico这三种格式. Google,FF支持bmp,gif,jpg,cur,ico这几种格式,不支持ani格式,也不支持gif动画格式. 在项目中,用到自定义鼠标样式遇到的问题: IE浏览器下图标地址…

css Cursor:url()自定义鼠标指针样式为图片

css自定义鼠标指针样式为图片Cursor:url()的使用,今天在项目中,要用到自定义鼠标样式,格式: css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面 css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面url是自定义鼠标格式,图像的绝对路径地址,后面的参数是css标准的cursor样式,(IE下面可以不需要) 图标的格式根据不同的浏览器来分:IE支持cur,ani,…

Android必知必会-自定义Scrollbar样式

如果移动端访问不佳,请使用–>GitHub版背景设计师给的设计图完全依照 IOS 的标准来的,导致很多细节的控件都得自己重写,最近的设计图中有显示滚动条,Android 默认的滚动条样式(带描边)和设计图格格不入,无奈,只好研究下自定义 Scrollbar 样式.这里稍微整理下. 知识点在ListView/ScrollView/RecyclerView中添加属性:  android:scrollbars="vertical"…

Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式

原文:Arcgis for Javascript API下类似于百度搜索A.B.C.D marker的实现方式多说无益,首先贴两张图让大家看看具体的效果: 图1.百度地图搜索结果图2.Arcgis for JavaScript实现的效果看到了效果,是不是各位有点小鸡动,是不是也宠宠欲动,有木有?但是具体是怎么实现的呢?下面我来详细的给各位说说我的实现思路吧. 第一,数据. 其实搜索的对象从类型上来说,应该是点.线.面都支持的,但是在实际的操作过程中,不论是百度还是我自己做的时候,都会将所有…

JavaScript 多级联动浮动(下拉)菜单 (第二版)

JavaScript 多级联动浮动(下拉)菜单 (第二版) 上一个版本(第一版请看这里)基本实现了多级联动和浮动菜单的功能,但效果不是太好,使用麻烦还有些bug,实用性不高.这次除了修改已发现的问题外,还对程序做了大幅调整和改进,使程序实用性更高,功能更强大. 效果预览 // index && this._hideContainer(o); } ); //重置当前容器_active container._active = null; //如果有子级菜单 if ( child ) { /…

Arcgis for Javascript之统计图的实现

首先,截个图给大家看看效果: 初始化状态放大后的状态点击选中后的状态如上图所示,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态:2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,加载统计图,一般来说,在地图上显示的统计图只是一个趋势或者示意,详细的还得去点击显示:第二种状态,随着地图的缩放,地图统计图随着地图的大小变化:第三种状态,点击选中,在信息框显示详细的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.目前情况下,在Arcgis for Javasc…

Arcgis for Javascript实现图

首先,截个图给大家看结果: 初始化状态放大后的状态点击选中后的状态如上图所看到的,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态.2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,载入统计图.一般来说,在地图上显示的统计图仅仅是一个趋势或者示意,具体的还得去点击显示.另外一种状态.随着地图的缩放,地图统计图随着地图的大小变化.第三种状态,点击选中,在信息框显示具体的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.眼下情况下,在Arcgis for Jav…

利用selector设置ImageButton不同状态下的背景图片

1.自定义MyButton类 public class MyButton extends Button { //This constructormust be public MyButton(Context context, AttributeSet attrs) { super(context, attrs); } public MyButton(Context context) { super(context); } private Paint mPaint = null; priv…

jquery美化select，自定义下拉框样式

select默认的样式比较丑,有些应用需要美化select,在网上找到一个很好的美化样式效果,本人很喜欢,在这里分享一下. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x…

ArcGIS For JavaScript API 默认参数

“esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“esri.config”在地方的“esriConfig”.虽然“esriConfig”可以继续使用,与1.3版本,您应该更新您的应用程序,而不是使用“esri.config”.ArcGIS的JavaScript API中有一些默认的配置,可以被重写编程.例如: var zoomSymbol…

arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现

图层控制是非常多GIS系统里面必须的一个小功能,本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式.首先看图: 实现效果重点有下面两点:1.获取ArcGISDynamicMapServiceLayer的图层:2.控制图层的显示. 图层的获取可通过layerInfos实现,图层的显示通过setVisibleLayers实现,源码例如以下: <!DOCTYPE html> <html> <head&g…

Arcgis for javascript map操作addLayer具体解释

本节的内容非常easy.说说Arcgis for Javascript里面map对象的addLayer方法.在for JS的API中,addLayer方法有两种.例如以下图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">…

Arcgis for Javascript之featureLayer图和属性互操作性

说明:主要实现加载FeatureLayer并显示属性表,而要实现联动属性表与地图,首先,看看实施后的效果: 显示效果如上图所看到的,本文章主要实现了下面几个功能:1.FeatureLayer属性表的分页载入与显示:2.属性表和地图的互操作,包含鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框.例如以下图: 显示信息框以下,说说详细的实现思路与代码. 1.FeatureLayer属性表的获取获取FeatureLayer的属性表,首先得创建FeatureLayer对象,例如以下:…

easyui 在编辑状态下，动态修改其他列值。

首先是自定义了一个方法uodateColumn更新列值 /** *自定义的修改列值方法 */ $.extend($.fn.datagrid.methods, { updateColumn: function(datagrid,data) { datagrid.each(function(){ //获取缓存中的配置数据 var gridObj=$.data(this,"datagrid"); var opts=gridObj.options; //获取行数据 var row=opts.f…

原生 JavaScript 实现 state 状态管理系统

原生 JavaScript 实现 state 状态管理系统 Build a state management system with vanilla JavaScript | CSS-Tricks 在软件工程中,状态管理已经不是什么新鲜概念,但是在 JavaScript 语言中比较流行的框架都在使用相关概念.传统意义上,我们会保持 DOM 本身的状态甚至声明该状态为全局变量.不过现在,我们有很多状态管理的宠儿供我们选择.比如 Redux,MobX 以及 Vuex,使得跨组件的状态管理更为方便.这…