arcgis api 自带按钮样式整理

最新推荐文章于 2024-04-22 08:00:00 发布
最新推荐文章于 2024-04-22 08:00:00 发布
阅读量1.7k 收藏 11
点赞数 2
分类专栏： arcgis 文章标签： arcgis api 按钮样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17634969/article/details/82877308
版权

      最近公司让我做arcgis的调研，哎，作为一名java工程师，只能什么都要学上一下！还是留下点足迹。arcgis前台一定需要一些样式按钮。我也没找到关于arcgis按钮样式的介绍，自己就整理了下记录下来。

先看看有哪些

不说了，撸代码！

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>ARCGIS API 所有按钮</title>
<link rel="stylesheet" href="http://172.16.1.120:8090/arcgis_js_api/library/4.8/esri/css/main.css">
<style>
.action-button {
font-size: 16px;
background-color: transparent;
border: 1px solid #D3D3D3;
color: #6e6e6e;
height: 32px;
width: 32px;
text-align: center;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.action-button:hover,
.action-button:focus {
background: #0079c1;
color: #e4e4e4;
}
</style>
</head>
<body>
<div>
<button class="action-button esri-icon-close" type="button" title=""></button>
<button class="action-button esri-icon-drag-horizontal" type="button" title=""></button>
<button class="action-button esri-icon-drag-vertical" type="button" title=""></button>
<button class="action-button esri-icon-handle-horizontal" type="button" title=""></button>
<button class="action-button esri-icon-handle-vertical" type="button" title=""></button>
<button class="action-button esri-icon-check-mark" type="button" title=""></button>
<button class="action-button esri-icon-left-triangle-arrow" type="button" title=""></button>
<button class="action-button esri-icon-right-triangle-arrow" type="button" title=""></button>
<button class="action-button esri-icon-down-arrow" type="button" title=""></button>
<button class="action-button esri-icon-up-arrow" type="button" title=""></button>
<button class="action-button esri-icon-overview-arrow-bottom-left" type="button" title=""></button>
<button class="action-button esri-icon-overview-arrow-bottom-right" type="button" title=""></button>
<button class="action-button esri-icon-overview-arrow-top-left" type="button" title=""></button>
<button class="action-button esri-icon-overview-arrow-top-right" type="button" title=""></button>
<button class="action-button esri-icon-maximize" type="button" title=""></button>
<button class="action-button esri-icon-minimize" type="button" title=""></button>
<button class="action-button esri-icon-checkbox-unchecked" type="button" title=""></button>
<button class="action-button esri-icon-checkbox-checked" type="button" title=""></button>
<button class="action-button esri-icon-radio-unchecked" type="button" title=""></button>
<button class="action-button esri-icon-radio-checked" type="button" title=""></button>
<button class="action-button esri-icon-up-arrow-circled" type="button" title=""></button>
<button class="action-button esri-icon-down-arrow-circled" type="button" title=""></button>
<button class="action-button esri-icon-left-arrow-circled" type="button" title=""></button>
<button class="action-button esri-icon-right-arrow-circled" type="button" title=""></button>
<button class="action-button esri-icon-zoom-out-fixed" type="button" title=""></button>
<button class="action-button esri-icon-zoom-in-fixed" type="button" title=""></button>
<button class="action-button esri-icon-refresh" type="button" title=""></button>
<button class="action-button esri-icon-edit" type="button" title=""></button>
<button class="action-button esri-icon-authorize" type="button" title=""></button>
<button class="action-button esri-icon-map-pin" type="button" title=""></button>
<button class="action-button esri-icon-blank-map-pin" type="button" title=""></button>
<button class="action-button esri-icon-table" type="button" title=""></button>
<button class="action-button esri-icon-plus" type="button" title=""></button>
<button class="action-button esri-icon-minus" type="button" title=""></button>
<button class="action-button esri-icon-beginning" type="button" title=""></button>
<button class="action-button esri-icon-reverse" type="button" title=""></button>
<button class="action-button esri-icon-pause" type="button" title=""></button>
<button class="action-button esri-icon-play" type="button" title=""></button>
<button class="action-button esri-icon-forward" type="button" title=""></button>
<button class="action-button esri-icon-end" type="button" title=""></button>
<button class="action-button esri-icon-erase" type="button" title=""></button>
<button class="action-button esri-icon-up-down-arrows" type="button" title=""></button>
<button class="action-button esri-icon-left" type="button" title=""></button>
<button class="action-button esri-icon-right" type="button" title=""></button>
<button class="action-button esri-icon-announcement" type="button" title=""></button>
<button class="action-button esri-icon-notice-round" type="button" title=""></button>
<button class="action-button esri-icon-notice-triangle" type="button" title=""></button>
<button class="action-button esri-icon-home" type="button" title=""></button>
<button class="action-button esri-icon-locate" type="button" title=""></button>
<button class="action-button esri-icon-expand" type="button" title=""></button>
<button class="action-button esri-icon-collapse" type="button" title=""></button>
<button class="action-button esri-icon-layer-list" type="button" title=""></button>
<button class="action-button esri-icon-basemap" type="button" title=""></button>
<button class="action-button esri-icon-globe" type="button" title=""></button>
<button class="action-button esri-icon-applications" type="button" title=""></button>
<button class="action-button esri-icon-arrow-up-circled" type="button" title=""></button>
<button class="action-button esri-icon-arrow-down-circled" type="button" title=""></button>
<button class="action-button esri-icon-arrow-left-circled" type="button" title=""></button>
<button class="action-button esri-icon-arrow-right-circled" type="button" title=""></button>
<button class="action-button esri-icon-minus-circled" type="button" title=""></button>
<button class="action-button esri-icon-plus-circled" type="button" title=""></button>
<button class="action-button esri-icon-add-attachment" type="button" title=""></button>
<button class="action-button esri-icon-attachment" type="button" title=""></button>
<button class="action-button esri-icon-calendar" type="button" title=""></button>
<button class="action-button esri-icon-close-circled" type="button" title=""></button>
<button class="action-button esri-icon-browser" type="button" title=""></button>
<button class="action-button esri-icon-collection" type="button" title=""></button>
<button class="action-button esri-icon-comment" type="button" title=""></button>
<button class="action-button esri-icon-configure-popup" type="button" title=""></button>
<button class="action-button esri-icon-contact" type="button" title=""></button>
<button class="action-button esri-icon-dashboard" type="button" title=""></button>
<button class="action-button esri-icon-deny" type="button" title=""></button>
<button class="action-button esri-icon-description" type="button" title=""></button>
<button class="action-button esri-icon-directions" type="button" title=""></button>
<button class="action-button esri-icon-directions2" type="button" title=""></button>
<button class="action-button esri-icon-documentation" type="button" title=""></button>
<button class="action-button esri-icon-duplicate" type="button" title=""></button>
<button class="action-button esri-icon-review" type="button" title=""></button>
<button class="action-button esri-icon-environment-settings" type="button" title=""></button>
<button class="action-button esri-icon-error" type="button" title=""></button>
<button class="action-button esri-icon-error2" type="button" title=""></button>
<button class="action-button esri-icon-experimental" type="button" title=""></button>
<button class="action-button esri-icon-feature-layer" type="button" title=""></button>
<button class="action-button esri-icon-filter" type="button" title=""></button>
<button class="action-button esri-icon-grant" type="button" title=""></button>
<button class="action-button esri-icon-group" type="button" title=""></button>
<button class="action-button esri-icon-key" type="button" title=""></button>
<button class="action-button esri-icon-labels" type="button" title=""></button>
<button class="action-button esri-icon-tag" type="button" title=""></button>
<button class="action-button esri-icon-layers" type="button" title=""></button>
<button class="action-button esri-icon-left-arrow" type="button" title=""></button>
<button class="action-button esri-icon-right-arrow" type="button" title=""></button>
<button class="action-button esri-icon-link-external" type="button" title=""></button>
<button class="action-button esri-icon-link" type="button" title=""></button>
<button class="action-button esri-icon-loading-indicator" type="button" title=""></button>
<button class="action-button esri-icon-maps" type="button" title=""></button>
<button class="action-button esri-icon-marketplace" type="button" title=""></button>
<button class="action-button esri-icon-media" type="button" title=""></button>
<button class="action-button esri-icon-media2" type="button" title=""></button>
<button class="action-button esri-icon-menu" type="button" title=""></button>
<button class="action-button esri-icon-mobile" type="button" title=""></button>
<button class="action-button esri-icon-phone" type="button" title=""></button>
<button class="action-button esri-icon-navigation" type="button" title=""></button>
<button class="action-button esri-icon-pan" type="button" title=""></button>
<button class="action-button esri-icon-printer" type="button" title=""></button>
<button class="action-button esri-icon-pie-chart" type="button" title=""></button>
<button class="action-button esri-icon-chart" type="button" title=""></button>
<button class="action-button esri-icon-line-chart" type="button" title=""></button>
<button class="action-button esri-icon-question" type="button" title=""></button>
<button class="action-button esri-icon-resend-invitation" type="button" title=""></button>
<button class="action-button esri-icon-rotate" type="button" title=""></button>
<button class="action-button esri-icon-save" type="button" title=""></button>
<button class="action-button esri-icon-settings" type="button" title=""></button>
<button class="action-button esri-icon-settings2" type="button" title=""></button>
<button class="action-button esri-icon-share" type="button" title=""></button>
<button class="action-button esri-icon-sign-out" type="button" title=""></button>
<button class="action-button esri-icon-support" type="button" title=""></button>
<button class="action-button esri-icon-user" type="button" title=""></button>
<button class="action-button esri-icon-time-clock" type="button" title=""></button>
<button class="action-button esri-icon-trash" type="button" title=""></button>
<button class="action-button esri-icon-upload" type="button" title=""></button>
<button class="action-button esri-icon-download" type="button" title=""></button>
<button class="action-button esri-icon-zoom-in-magnifying-glass" type="button" title=""></button>
<button class="action-button esri-icon-search" type="button" title=""></button>
<button class="action-button esri-icon-zoom-out-magnifying-glass" type="button" title=""></button>
<button class="action-button esri-icon-locked" type="button" title=""></button>
<button class="action-button esri-icon-unlocked" type="button" title=""></button>
<button class="action-button esri-icon-favorites" type="button" title=""></button>
<button class="action-button esri-icon-compass" type="button" title=""></button>
<button class="action-button esri-icon-down" type="button" title=""></button>
<button class="action-button esri-icon-up" type="button" title=""></button>
<button class="action-button esri-icon-chat" type="button" title=""></button>
<button class="action-button esri-icon-dock-bottom" type="button" title=""></button>
<button class="action-button esri-icon-dock-left" type="button" title=""></button>
<button class="action-button esri-icon-dock-right" type="button" title=""></button>
<button class="action-button esri-icon-organization" type="button" title=""></button>
<button class="action-button esri-icon-north-navigation" type="button" title=""></button>
<button class="action-button esri-icon-locate-circled" type="button" title=""></button>
<button class="action-button esri-icon-dial" type="button" title=""></button>
<button class="action-button esri-icon-polygon" type="button" title=""></button>
<button class="action-button esri-icon-polyline" type="button" title=""></button>
<button class="action-button esri-icon-visible" type="button" title=""></button>
<button class="action-button esri-icon-non-visible" type="button" title=""></button>
<button class="action-button esri-icon-link-vertical" type="button" title=""></button>
<button class="action-button esri-icon-unlocked-link-vertical" type="button" title=""></button>
<button class="action-button esri-icon-link-horizontal" type="button" title=""></button>
<button class="action-button esri-icon-unlocked-link-horizontal" type="button" title=""></button>
<button class="action-button esri-icon-swap" type="button" title=""></button>
<button class="action-button esri-icon-cta-link-external" type="button" title=""></button>
<button class="action-button esri-icon-reply" type="button" title=""></button>
<button class="action-button esri-icon-public" type="button" title=""></button>
<button class="action-button esri-icon-share2" type="button" title=""></button>
<button class="action-button esri-icon-launch-link-external" type="button" title=""></button>
<button class="action-button esri-icon-rotate-back" type="button" title=""></button>
<button class="action-button esri-icon-pan2" type="button" title=""></button>
<button class="action-button esri-icon-tracking" type="button" title=""></button>
<button class="action-button esri-icon-expand2" type="button" title=""></button>
<button class="action-button esri-icon-arrow-down" type="button" title=""></button>
<button class="action-button esri-icon-arrow-up" type="button" title=""></button>
<button class="action-button esri-icon-hollow-eye" type="button" title=""></button>
<button class="action-button esri-icon-play-circled" type="button" title=""></button>
<button class="action-button esri-icon-volume-off" type="button" title=""></button>
<button class="action-button esri-icon-volume-on" type="button" title=""></button>
<button class="action-button esri-icon-bookmark" type="button" title=""></button>
<button class="action-button esri-icon-lightbulb" type="button" title=""></button>
<button class="action-button esri-icon-sketch-rectangle" type="button" title=""></button>
<button class="action-button esri-icon-north-navigation-filled" type="button" title=""></button>

</div>
</body>
</html>
 

 

java-阿郎
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
C# ArcGIS Engine二次开发——界面设计-button控件导入txt文件
weixin_42191203的博客
03-20 1208
1、将button控件拖入界面Form1 2、双击button1控件，写入以下代码 private void importdatabutton_Click(object sender, EventArgs e) { OpenFileDialog OpFileDialog = new OpenFileDialog();//OpenFileDialog：打开文件对话框 OpFileDialog.Title = "导入数据"; OpFileDialog.Filter = "(*.txt
ArcGIS C#插件式开发总结1——编辑过程自动保存插件(Button实现)
热门推荐
GIS on the road happy_h
09-16 1万+
ArcGIS 自动保存插件
arcgis for js自定义鼠标样式.zip
10-18
arcgis for js自定义鼠标样式
Arcpy入门学习笔记（一）：前期准备
最新发布
zbh13859825167的博客
04-22 556
Arcpy入门学习笔记（一）：前期准备
ArcGIS Explorer SDK开发（一）——自定义按钮
GIS大奔
12-13 1236
今天开始，我来向大家介绍一下如何使用ArcGIS ExplorerSDK来开发自定义的ArcGIS Explorer3D应用。上篇文章中介绍了ArcGIS ExplorerSDK的一些简单介绍，今天我们就来用一个简单的实例，来看一下如何使用ArcGIS ExplorerSDK进行开发。      下面我将介绍一下如何向ArcGIS Explorer中添加一个自定义按钮。 （一）在Visua
arcgis数据库样式.zip
09-12
全AeStyles，与苍穹渲染一致，包含基础地理要素、土地利用现状图、二调ARCGIS符号库1万_2.2及ldb
ArcGIS API for JavaScript4.8 实例
10-26
包含大量的ArcGIS API for JavaScript4.8的开发实例，可用于WebGIS开发者学习资料，内容全面，并且能正常执行。
arcgis api for js 引用包
08-30
为GIS开发者提供了js的接口，通过在vs中引用，可以调用众多的接口来完成二次开发
arcgis api for javascript 3.25
07-26
arcgis api for javascript 3.25官方api,如需其他版本api可见博主其他资源或者联系博主获取
arcgis api for javascript v4.18 v3.35
12-22
arcgis api for javascript v4.18 v3.35, 包含了3.35和4.18两个版本的 api，欢迎大家下载
arcgis api for javascript v4.23
06-26
arcgis api for javascript v4.23
ESRI产品下载集合
10-17
ESRI产品下载集合，十几个产品的下载链接和破解文件
ArcGIS地图边框样式
02-01
支持arcgis的边框样式，可以协助制作更加精美的地图，如需展示的专题图，提供多种花边图框样式
1万地形图的ArcGIS符号库(Style文件)
10-10
ArcGIS建立的1万地形图的ArcGIS符号库(Style文件)
ArcGIS样式库
03-08
arcgisy样式库文件，主要针对海洋区域的地质图的样式文件
Arcgis图标库 16 32 64 大小 png格式
02-06
Arcgis图标库 16 32 64 大小 png格式 各种格式的icon 适合Gis开发 各大小分辨率各2000多个资源图片
基于C#的ArcEngine二次开发教程19：Addin开发之修改工具栏中的按钮图标
m1m2m3mmm的博客
02-19 2206
通过按钮的图标直观看出当前ArcMap的工作状态
创建一个C# + Winform + ArcGIS Engine的项目所需的设置
Daming113132的博客
08-31 3315
开发一个C# + Winform + ArcGIS Engine的程序所需的设置 前提是已经安装了Visual Studio 2010或者更高版本和ArcGIS Engine两个开发工具。 C# + Winform+ ArcGIS Engine的应用程序的开发需要做以下一些的环境设置。 主要涉及几个内容： 在工具箱中添加ArcGIS Engine的控件 ArcGIS Engine的许可...
Arcgis API for javascript 4.x 3D开发笔记（二）
花姐夫JUN的博客
03-24 550
自定义widget的创建<template> <div v-show="visible" class="esri-component esri-home esri-widget--button esri-widget" role="button" tabindex="0" :aria-label="t...
ArcGIS API for Windows Phone开发教程
04-01
ArcGIS API for Windows Phone开发教程知识点总结 本文将对ArcGIS API for Windows Phone开发教程进行总结，详细介绍教程中的知识点，包括为什么选择Windows Phone、ArcGIS API for Windows Phone开发实例、开发...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值