精华内容
下载资源
问答
  • div圆角代码,div圆角代码,div圆角代码,div圆角代码,div圆角代码,div圆角代码
  • div css圆角代码各种圆角表格_圆角边框css圆角
  • 主要介绍了css常用代码,包括css圆角代码、渐变、密码框等,需要的朋友可以参考下
  • CSS3圆角代码

    2012-06-11 17:07:19
    CSS3圆角代码 基于jQuery+CSS的圆角框效果,演示一下如何使用jQuery并配合CSS代码实现漂亮的圆角框效果。 提示:本圆角效果在IE下显示有问题,在Opera及火狐及Google浏览器下都没有问题。
  • JS控制DIV圆角代码

    2010-04-26 15:13:14
    JS CSS 圆角,JS控制DIV圆角代码
  • js换肤圆角代码兼容各个浏览器,ie 火狐 各个版本都测试过兼容性很好
  • 纯css标题框圆角代码

    2009-09-08 20:14:46
    纯css标题框圆角代码;一般的都是用图片实现,这个是纯css制作
  • js圆角代码

    2012-12-28 15:02:00
    代码,如果虽要去看看吧!希望你们能喜欢。
  • 摘要:脚本资源,CSS特效,CSS圆角 基于jQuery+CSS的圆角框效果,演示一下如何使用jQuery并配合CSS代码实现漂亮的圆角框效果。  源码爱好者提示:本圆角效果在IE下显示有问题,在Opera及火狐及Google浏览器下都没有...
  • DIV圆角代码

    2012-07-25 16:32:17
    实现DIV圆角,让你的界面更加美观,更豪华。
  • 纯DIV+CSS实现圆角代码

    2020-09-25 11:53:59
    用css实现的圆角实现代码,大家可以学习使用,不建议使用。不如用图片,兼容性会比这个好点。
  • 简单的css圆角代码,div+css 这是绿色风格的,大家可以自行修改所需的颜色
  • Css 圆角代码

    千次阅读 2008-06-03 13:58:00
    css 圆角代码做到圆角样式可以重复使用,并且不同包含内容用不同的Class进行设置,可以更换背景样式.testboxcon 用了一个“相对”定位,主要是给里面的多个内容定位做一个参考最外面的div class=“testlayer” 主要...
    做到圆角样式可以重复使用,并且不同包含内容用不同的Class进行设置,可以更换背景样式.testboxcon 用了一个“相对”定位,主要是给里面的多个内容定位做一个参考最外面的div class=“testlayer” 主要是在在大布局时给圆角一个“区域”这个圆角在FF中,可以兼容显示。另外,建议大家在做圆角的时候,最好把弧度控制在5*5px的区域内,10px弧度不好看,而且计算起来比较麻烦
    <style type="text/css">
    <!--
    #ibox01 {
    overflow: hidden;
    height: 1px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #CC0000;
    }
    #ibox02 {
    height: 1px;
    margin-right: 3px;
    margin-left: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CC0000;
    border-left-color: #CC0000;
    overflow: hidden;
    }
    #ibox03 {
    height: 1px;
    margin-right: 2px;
    margin-left: 2px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CC0000;
    border-left-color: #CC0000;
    overflow: hidden;
    }
    #ibox04 {
    overflow: hidden;
    height: 1px;
    margin-right: 1px;
    margin-left: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CC0000;
    border-left-color: #CC0000;
    }
    #ibox05 {
    overflow: hidden;
    height: 1px;
    margin-right: 1px;
    margin-left: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CC0000;
    border-left-color: #CC0000;
    }
    #boxcon {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CC0000;
    border-left-color: #CC0000;
    }
    .testlayer {
    height: 200px;
    width: 300px;
    }
    .testboxbg {
    background-color: #666666;
    }
    .testboxcon {
    height: 190px;
    background-color: #666666;
    position: relative;
    }
    -->
    </style>
    <div class="testlayer">
    <div id="ibox">
      <div id="ibox01" class="testboxbg"></div>
      <div id="ibox02" class="testboxbg"></div>
      <div id="ibox03" class="testboxbg"></div>
      <div id="ibox04" class="testboxbg"></div>
      <div id="ibox05" class="testboxbg"></div>
       <div id="boxcon" class="testboxcon"></div>
      <div id="ibox05" class="testboxbg"></div>
      <div id="ibox04" class="testboxbg"></div>
      <div id="ibox03" class="testboxbg"></div>
      <div id="ibox02" class="testboxbg"></div>
      <div id="ibox01" class="testboxbg"></div>
    </div>
    </div>
    展开全文
  • 解读图片圆角代码

    2018-04-24 15:13:21
    以前需要做一个图片圆角的功能,在网上搜索代码,然后直接用到项目中。今天又看到这段代码,感觉很陌生。而作为一名不合格的程序员,这种事情是不能不刨根问底的。所以就分析,以便和其他人的理解做对比。 ...
    引言

    以前需要做一个图片圆角的功能,在网上搜索代码,然后直接用到项目中。今天又看到这段代码,感觉很陌生。而作为一名不合格的程序员,这种事情是不能不刨根问底的。所以就分析,以便和其他人的理解做对比。

    代码

    代码如下(stack overflow):

        public static Bitmap toRoundCornerImage(Bitmap bitmap, int pixels) {
            int w = bitmap.getWidth();
            int h = bitmap.getHeight();
            Bitmap output = Bitmap.createBitmap(w, h, Config.ARGB_8888);
            Canvas canvas = new Canvas(output);
            final int color = 0xfffefefe;
            final Paint paint = new Paint();
            final Rect rect = new Rect(0, 0, w, h);
            final RectF rectF = new RectF(rect);
            final float roundPx = pixels;
            paint.setAntiAlias(true);
            canvas.drawARGB(0, 0, 0, 0);
            paint.setColor(color);
            canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
            paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
            canvas.drawBitmap(bitmap, rect, rect, paint);
            return output;
        }
    

    每张图片是由大量的点组成,每个点有颜色值,那么我们怎么来描述世界多姿多彩的颜色呢。科学家发现,组成颜色的三个基本的颜色是红(Red)绿(Green)蓝(Blue)。通过他们之间不同的比例来现实不同的颜色,以前我在小学的时候,老师要我们调颜色,颜料盒有7种颜色,我们胡乱的添加,最后得到非常恶心的颜色,鸡屎紫黄,更像似咖啡。颜色中还有一个属性——通道(alpha),就是你透过有色玻璃看的效果。要叫做透明度。比如我们今天分析的代码,我们传进来的图片是四四方方的,圆角部分则透明现实。

    Bitmap output = Bitmap.createBitmap(w, h, Config.ARGB_8888);
    

    所以这家代码中Config.ARGB_8888就表示每个度是8位,总共一个像素是32位。除了代码中的模式,还有其他3种:

    public static final Bitmap.Config  ALPHA_8
    public static final Bitmap.Config  ARGB_4444 
    public static final Bitmap.Config  ARGB_8888
    public static final Bitmap.Config  RGB_565
    

    图片压缩,大部分是减少像素点的位数。

    绘图概念

    The Canvas class holds the “draw” calls. To draw something, you need 4 basic components: A Bitmap to hold the pixels, a Canvas to host the draw calls (writing into the bitmap), a drawing primitive (e.g. Rect, Path, text, Bitmap), and a paint (to describe the colors and styles for the drawing).[来源](https://developer.android.com/reference/android/graphics/Canvas.html)

    canvas(画布)持有绘画调用,要画出东西,你需要4个基础的组件:位图——去获取、持有像素;canvas(画布)主持绘画调用;原始绘图(矩形,路径,文本,位图),和画笔(描述绘画的颜色和样式)
    我们中国的文化,把世界的组成基本元素分为金、木、水、火、土。早先的西方世界认为气、土组成,我们比他们丰富。但是西方后面更进一步认识世界,世界是由原子组成,而我们还停留在阴阳五行当中。所以软件绘图,也清楚的定义每个环节。位图用来保存生成的作品,canvas(画布)用来执行绘画,原始绘图用来描述要画的图像,画笔来描述图像的颜色,和样式。把一颗树表示原始绘图,画笔来表示树叶是青绿色,还是红黄色,前者绘出春色,后者描述晚秋。

    方法思路
    1. 首先获取原图的高度、宽度。
    2. 以原图片的尺寸新建位图对象,并且是32位的。位图相当一个二位数组。
    3. 新建画布,画布画的内容存储在创建的位图中。
    4. 新建画笔。
    5. 新建矩形框,整数型,和浮点数型。浮点数型是为了后面的的绘图更精细。
    6. 设置画笔无锯齿属性,使得曲线更光滑。
    7. 第一次画图,用透明色填充画布。
    8. 第二次画图,用不透明白色画有圆角的图形,如果圆角直径等于正方形边长,则是圆形。
    9. 设置覆盖模式( PorterDuff及Xfermode详解),这主要是一个思想,画图是根据层来现实,主要是判定重叠的地方是否显示,或者底图现实。通过这个选择,来决定要留下来的图。我们这里代码是选择SRC_IN,表示取两层绘制交集。显示上层。
    10. 第三次画图,将原图绘制在画布上,保留中间圆形区域像素。
    结语

    啊------啊----啊,终于写完了。耗费了本少爷好多脑细胞,掉了我一拙黑头发,离光头强形象又进了一步。我想分析一下这个的算法复杂度。如果图片像素点有N个,那么这个方法的复杂度,大O记法O(3N)。因为对图片写了三次。

    展开全文
  • border-radius:3px 4px 5px 6px; 代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角
    border-radius:3px 4px 5px 6px;
    代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。
    
    展开全文
  • 设置圆角代码: UIButton *btn = [[UIButton alloc]initWithFrame:btnFrame]; // 设置圆角半径 btn.layer.masksToBounds = YES; btn.layer.cornerRadius = 4; //还可设置边框宽度和颜色 btn.layer....

    设置圆角代码:


    UIButton *btn = [[UIButton alloc]initWithFrame:btnFrame];
    
    // 设置圆角半径
    btn.layer.masksToBounds = YES;
    btn.layer.cornerRadius = 4;
    
    //还可设置边框宽度和颜色
    btn.layer.borderWidth = 1;
    btn.layer.borderColor = [UIColordarkGrayColor].CGColor;

    一些常用属性:

    这段代码动态的创建了一个UIButton,并且把相关常用的属性都列举了.希望对大家有用.

      //这里创建一个圆角矩形的按钮
    UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    // 能够定义的button类型有以下6种,
    // typedef enum {
    // UIButtonTypeCustom = 0, 自定义风格
    // UIButtonTypeRoundedRect, 圆角矩形 
    // UIButtonTypeDetailDisclosure, 蓝色小箭头按钮,主要做详细说明用
    // UIButtonTypeInfoLight, 亮色感叹号
    // UIButtonTypeInfoDark, 暗色感叹号
    // UIButtonTypeContactAdd, 十字加号按钮
    // } UIButtonType;

    //给定button在view上的位置
    button1.frame = CGRectMake(20, 20, 280, 40);

    //button背景色
    button1.backgroundColor = [UIColor clearColor];

    //设置button填充图片
    //[button1 setImage:[UIImage imageNamed:@"btng.png"] forState:UIControlStateNormal];

    //设置button标题
    [button1 setTitle:@"点击" forState:UIControlStateNormal];

    /* forState: 这个参数的作用是定义按钮的文字或图片在何种状态下才会显现*/
    //以下是几种状态
    // enum {
    // UIControlStateNormal = 0, 常规状态显现 
    // UIControlStateHighlighted = 1 << 0, 高亮状态显现 
    // UIControlStateDisabled = 1 << 1, 禁用的状态才会显现
    // UIControlStateSelected = 1 << 2, 选中状态 
    // UIControlStateApplication = 0x00FF0000, 当应用程序标志时 
    // UIControlStateReserved = 0xFF000000 为内部框架预留,可以不管他 
    // };

    /*
    * 默认情况下,当按钮高亮的情况下,图像的颜色会被画深一点,如果这下面的这个属性设置为no,
    * 那么可以去掉这个功能
    */
    button1.adjustsImageWhenHighlighted = NO;
    /*跟上面的情况一样,默认情况下,当按钮禁用的时候,图像会被画得深一点,设置NO可以取消设置*/
    button1.adjustsImageWhenDisabled = NO;
    /* 下面的这个属性设置为yes的状态下,按钮按下会发光*/
    button1.showsTouchWhenHighlighted = YES;

    /* 给button添加事件,事件有很多种,我会单独开一篇博文介绍它们,下面这个时间的意思是
    按下按钮,并且手指离开屏幕的时候触发这个事件,跟web中的click事件一样。
    触发了这个事件以后,执行butClick:这个方法,addTarget:self 的意思是说,这个方法在本类中
    也可以传入其他类的指针*/
    [button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside];

    //显示控件
    [self.view addSubview:button1];

    注意:

    [button1 addTarget:self 
    action:@selector(alarmTimeDone:) 
    forControlEvents:UIControlEventTouchUpInside
    ];

    addTarget:self 是链接到self,一般都这样设置
    action:@selector(alarmTimeDone:) 时间处理函数
    forControlEvents:UIControlEventTouchUpInside 控件事件处理的消息

     


    //取消按钮已经添加的所有事件:(这个比较重要,若添加了两个事件  两个事件都会被触发)

    [btn removeTarget:nil action:nil forControlEvents:UIControlEventTouchUpInside];


    何时释放release UIButton?

    是否在dealloc中对UIButton对象进行release操作,取决于UIButton初始化的方式。

    如果使用[UIButtonbuttonWithType:UIButtonTypeRoundedRect]这种方式,是不需要进行release操作的,因为这种方式是自动释放的。如果使用 [[UIButton alloc]init]的方式,则需要主动进行release释放操作。


    展开全文
  • border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius:10px; border-bottom-left-radius: 10px;
  • android实现图片圆角代码

    千次阅读 2013-12-18 15:36:14
    圆角效果:   import android.app.Activity; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import ...
  • Swift 设置按钮圆角 代码&Xib

    千次阅读 2015-12-21 18:12:17
    通过stroyboard的运行时属性runtime attribute可以对Button设置圆角或者边框。 1.很多人都知道通常设置一个Button或者其他UIIView子类的圆角使用  self.button.layer.cornerRadius = 10 这会用到layer的图层...
  • 把图片切成圆角代码

    千次阅读 2012-11-01 14:42:13
    static void addRoundedRectToPath(CGContextRef context, CGRect rect, float ovalWidth, float ovalHeight) ...返回圆角图片圆角大小自行修改CGContextAddArcToPoint....注意,iPhone4以后的要切成高分的
  • .uni-progress-bar { border-radius: 3rpx; } .uni-progress-inner-bar { border-radius: 3rpx; }
  • 这是我从163油箱上的注册页面整理出来的.没有多余的其他的东西,一看就懂
  • jquery实现圆角特效代码
  • css文件 和html文件 源代码代码代码代码代码代码代码代码代码代码
  • 圆角矩形代码,HTML圆角矩形,适合新手学习
  • 主要为大家详细介绍了Winform窗体圆角设计代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 主要介绍了DOTNETBAR制作圆角窗体和圆角控件的方法,大家参考使用吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 89,313
精华内容 35,725
关键字:

圆角代码