按钮 | 易学教程

Android布局属性详解

阅读更多关于 Android布局属性详解

RelativeLayout用到的一些重要的属性：第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:layout_alignParentLeft 贴紧父元素的左边缘 android:layout_alignParentRight 贴紧父元素的右边缘 android:layout_alignParentTop 贴紧父元素的上边缘 android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物第二类：属性值必须为id的引用名“@id/id-name” android:layout_below 在某元素的下方 android:layout_above 在某元素的的上方 android:layout_toLeftOf 在某元素的左边 android:layout_toRightOf 在某元素的右边 android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐 android:layout

android布局属性详解

阅读更多关于 android布局属性详解

RelativeLayout 用到的一些重要的属性：第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:layout_alignParentLeft 贴紧父元素的左边缘 android:layout_alignParentRight 贴紧父元素的右边缘 android:layout_alignParentTop 贴紧父元素的上边缘 android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物第二类：属性值必须为id的引用名“@id/id-name” android:layout_below 在某元素的下方 android:layout_above 在某元素的的上方 android:layout_toLeftOf 在某元素的左边 android:layout_toRightOf 在某元素的右边 android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐 android:layout

android布局属性详解

阅读更多关于 android布局属性详解

本文 2011-04-19 08:59 发表于本人CSDN 博客 http://blog.csdn.net/lonkiss/article/details/6332595 现迁移至博客园 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 转载请保留以下出处来自： http://www.cnblogs.com/jqyp/archive/2010/10/23/1859182.html RelativeLayout 用到的一些重要的属性：第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:layout_alignParentLeft 贴紧父元素的左边缘 android:layout_alignParentRight 贴紧父元素的右边缘 android:layout_alignParentTop 贴紧父元素的上边缘 android:layout_alignWithParentIfMissing

Axure学习之线框图-动态面板基础篇

阅读更多关于 Axure学习之线框图-动态面板基础篇

原始学习资源： http://www.axure.com/dynamic-panels-basic 如果有什么地方不通畅或是有不清楚的地方，欢迎指教！意译：动态面板是实现较为复杂交互的很重要的部分。动态面板的主要思想是在同一块区域显示不同的内容。动态面板最大的特点就是“动态”，这个动态表现为两个部分，显示/隐藏、不同的状态。简单的例子：官方例子见： show-hidden-panel-tutorial 当用户登录时会有成功和失败两种情况，成功时就跳到指定页面，而失败又分为很多情况： 1、帐号没填、密码没填（当然这种情况下，登录按钮应该是不能点的；这里只是举例） 2、帐号不存在、或是输错了 3、验证码错了 4、密码错了那么就应该建一个动态面板，为各种错误设置不同的状态，并为各状态设置好合适的内容。设置这个动态面板为隐藏（在点登录前是看不到的）然后再为登录按钮指定不同的交互（应该是5种了）。上图只做三种情况。可以自行设定。另一个例子，制作tab标签区域：（官方例子见： tab-control-tutorial ）上图是京东首页的一块（在京东快报下方）比较简单： 1、建立动态面板，并命名，然后做好动态面板的4个状态 2、建立四个按钮，输入文字并设置好默认状态 3、为每个按钮设置鼠标移入的交互，将动态面板改为对应状态 4、为四个按钮设置悬停样式不足之处

CSS揭秘（三）形状

阅读更多关于 CSS揭秘（三）形状

Chapter 3 1. 椭圆椭圆的实现主要依靠 border-radius 属性，该属性确定边框切圆角的半径大小，可以指定数值 px，也可以使用百分比显示而且该属性非常灵活，四个角可以分别设置 width: 200px; height:200px; //正方形 -------------------------------------------------------- border-radius:100px; //圆形 border-radius:50%/50%; //水平半径 / 垂直半径 -------------------------------------------------------- border-radius:50px/20px; //椭圆边角--------------------------------------------------------border-radius:50%/100% 100% 0 0 //半椭圆，底部垂直圆角为0时水平圆角也自动为0，无需再次指定 2. 平行四边形平行四边形的实现依靠 transform：skew（）实现，可以自己选择倾斜的方向X轴还是Y轴要解决的问题是：如何在容器倾斜的情况下保持内容不变？ <a href="#yolo" class="button"><div>Click me</div></a>

03--css形状--css揭秘

阅读更多关于 03--css形状--css揭秘

形状一自适应的椭圆 1.难题 1> 圆你可能注意到过，给任何正方形元素设置一个足够大的border-radius，就可以把它变成一个圆形。所用到的CSS 代码如下所示： 1 #bd { 2 width: 200px; 3 height: 200px; 4 background: #fb3; 5 border-radius: 100px; /* >= 正方形边长的一半 */ 6 } *当任意两个相邻圆角的半径之和超过border box 的尺寸时，用户代理必须按比例减小各个边框半径所使用的值，直到它们不会相互重叠为止 2> 椭圆如果它的宽高相等，就显示为一个圆；如果宽高不等，就显示为一个椭圆 2.解决方案说到border-radius，有一个鲜为人知的真相：它可以单独指定水平和垂直半径，只要用一个斜杠（/）分隔这两个值即可。这个特性允许我们在拐角处创建椭圆圆角因此，如果我们有一个尺寸为 200px × 150px 的元素，就可以把它圆角的两个半径值分别指定为元素宽高的一半，从而得到一个精确的椭圆： #bd { width:200px; height:100px; border-radius:100px/50px; } 但是，这段代码存在一个很大的缺陷：只要元素的尺寸发生变化， border-radius 的值就得跟着改。我们在图3-5 中可以看到

一个简单的CSS3+js 实现3D BOX

阅读更多关于一个简单的CSS3+js 实现3D BOX

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> html, body, div, span, h1, h2, h3, h4, h5, h6, p a, img, ol, ul, li { margin:0;padding:0;border:0;outline:0; } body { margin-top: 5em; text-align: center; color: #414142; background: rgb(246, 241, 232); background-image: -webkit-radial-gradient(farthest-side ellipse at center, rgba(246, 241, 232, .85) 39%, rgba(212, 204, 186, .5) 100%), url("../img/1.jpg"); background-image: -moz-radial-gradient(farthest-side ellipse at center, rgba(246, 241, 232, .85) 39%, rgba(212, 204, 186, .5) 100%), url("../img/1.jpg");

html 标签

阅读更多关于 html 标签

HTML 基本标签 1、input 标签 <input type="value"> 属性值如下：值描述 button 定义可点击的按钮（大多与 JavaScript 使用来启动脚本） checkbox 定义复选框。 color 定义拾色器。 date 定义日期字段（带有 calendar 控件） datetime 定义日期字段（带有 calendar 和 time 控件） datetime-local 定义日期字段（带有 calendar 和 time 控件） month 定义日期字段的月（带有 calendar 控件） week 定义日期字段的周（带有 calendar 控件） time 定义日期字段的时、分、秒（带有 time 控件） email 定义用于 e-mail 地址的文本字段 file 定义输入字段和 "浏览..." 按钮，供文件上传 hidden 定义隐藏输入字段 image 定义图像作为提交按钮 number 定义带有 spinner 控件的数字字段 password 定义密码字段。字段中的字符会被遮蔽。 radio 定义单选按钮。 range 定义带有 slider 控件的数字字段。 reset 定义重置按钮。重置按钮会将所有表单字段重置为初始值。 search 定义用于搜索的文本字段。 submit 定义提交按钮。提交按钮向服务器发送数据。 tel

表单控件

阅读更多关于表单控件

单行文本框： <input type="text" value="text"> 密码文本框： <input type="password" > 命令按钮： <input type="button" value=" 按钮 "> 提交命令按钮： <input type="submit"> 重置命令按钮： <input type="reset"> 文件上传输入： <input type="file"> 文本区： <textarea cols="10" rows="5"></textarea> 隐藏元素： <input type="hidden"> 列表框： <select size="2"> <option selected="select"> 选择１ </option> <option> 选择２ </option> </select> 下拉列表框：（单选列表框） <select > <option> 选择１ </option> <option selected="selected"> 选择２ </option> </select> 复选（列表框） <select size="2"multiple="multiple"> <option> 选择１ </option> <option selected="selected"> 选择２ </option> </select> 单选按钮：

表单及按钮编辑

阅读更多关于表单及按钮编辑

1.文本输入　　文本框<input type="text" name="" id="" value="" /> 　　密码框<input type="password" name="" id="" value="" /> 　　文本域<textarea name="" id="" cols=""(字符多少) rows=""(几行高)></textarea> 　　隐藏域<input type="hidden" name="" id="" value="" /> value-------作用：值/默认值/跟数据库的数据对比，如果输入的值对了，则进入。 2.按钮　　提交按钮<input type="submit" name="" id="" disabled="disabled" value="" />点击后转到form内的提交服务器的地址　　重置按钮<input type="reset" name="" id="" disabled="disabled" value="" /> 　　普通按钮<input type="button" name="" id="" disabled="disabled" value="" /> 　　图片按钮<input type="image" name="" id="" disabled="disabled" src="图片地址" /> 　

订阅按钮