精华内容
下载资源
问答
  • 弧形吊顶节点

    2013-10-23 21:37:14
    CAD弧形吊顶节点,希望能帮到 有需要的朋友啊
  • android带有弧形的布局背景。弧形矩形,上边为弧形矩形。
  • android实现顶部弧形背景

    千次阅读 2018-08-29 14:46:59
    今天早上来了被IOS提醒安卓的背景是一个顶部为弧线的是否好实现。然后说他们是用两个矩形拼凑的。于是我就想着实现。先去搜索发现了一个库可以实现这样的效果:     这是介绍的网址:...

        今天早上来了被IOS提醒安卓的背景是一个顶部为弧线的是否好实现。然后说他们是用两个矩形拼凑的。于是我就想着实现。先去搜索发现了一个库可以实现这样的效果:

     

     

    这是介绍的网址:http://www.codedata.cn/cdetail/Android/ImageView/1484555521870728

    这是github地址:https://github.com/flavioarfaria/KenBurnsView.

    话说刚才粘贴完网址本想写句号但是手自觉的想按分号。

    但是总是感觉这个可以用shape实现。早上还吹牛说安卓有专门话图形的xml.于是又开始搜索。发现有一个自定义view的

    https://blog.csdn.net/gisuuser/article/details/79031630

    但我要设置成背景需要drawable.没有找到合适的。于是发现layer-list可能实现,效果如下:

    是用layer-list实现的。积分不多,赚点积分。

    下载地址:https://download.csdn.net/download/jnitjy/10633691

    展开全文
  • 行业分类-机械工程-一种顶部弧形多波纹马弗.zip
  • 行业分类-作业装置- 一种弧形顶锤式四面超高压装置.zip
  • 基于ANSYS浅析露弧形闸门支臂自振特性.pdf
  • 基于支臂布置原则的露弧形钢闸门主框架设计.pdf
  • 顶部弧形 ----html---- <div class="box"> <div class="a"></div> </div> ----css----- .box{ width: 200px; height: 400px;...
    • 顶部弧形
    ----html----
     <div class="box"> 
         <div class="a"></div>
     </div>
    ----css-----
     .box{
            width: 200px;
            height: 400px;
            border:1px solid #333;
            overflow: hidden;
            position: relative;
        }
        .a{
            width: 800px;
            height: 800px;
            border-radius: 50%;
            background: pink;
            position: absolute ;
            top:-685px;
            left: -300px;
            z-index: -1;
        }
    

    在这里插入图片描述

    • 椭圆
    ----html----
     <div class="box"> </div>
     ----css----
     .box{
            width: 200px;
            height: 100px;
            border-radius: 200px/100px;   //下面的可以随意变形,此例用本行
            background: pink;
            
            border-radius:10px 20px 30px 40px / 50px 60px 70px 80px;
             /* 斜杠(/)前代表水平半径,后代表垂直半径,顺序分别为左上角开始,顺时针走向,所以这段代码表示左上角(10px/50px) 右上角(20px/60px)右下角(30px/70px)左下角(40px/80px) */
        }
    

    在这里插入图片描述

    • 平行四边形
    ----html----
     <div class="box"> 
            我是平行四边形
      </div>
    ----css----
     .box{
            position: relative;
            margin:20px auto;
            max-width: 100px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 12px;
        }
        .box::before{		
        //虽然也可以使用demo把文字恢复回来,但是增加了tagName,用伪元素更好
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: pink;
            transform: skew(-45deg);
            z-index: -1;
        }
    

    在这里插入图片描述

    • 菱形
    ----html----
      <div class="box">  </div>
    ----css----
    .box{
      	background: grey;
            width: 100px;
            height: 50px;
            clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
          //此属性事从svg借鉴来的,可以实现任意多边形,polygon()函数是各个坐标
        }
    
    展开全文
  • 先上图,上半部分是矩形、下半部分是弧形,如图所示: 上图是实现的效果,在实现弧形ImageView后用Glide的BlurTransformation添加了高斯模糊,这种弧形图片一般都像这样用于个人中心或者用户中心顶部。 第一步:...

    先上图,上半部分是矩形、下半部分是弧形,如图所示:

    上图是实现的效果,在实现弧形ImageView后用Glide的BlurTransformation添加了高斯模糊,这种弧形图片一般都像这样用于个人中心或者用户中心顶部。

    第一步:绘制图中形状的ImageView

    1、设置Path

    Path path = new Path();
    path.moveTo(0, 0);
    path.lineTo(0, getHeight() / 3 * 2);
    path.quadTo(getWidth() / 2, getHeight() / 3 * 2 + 2 * mArcHeight, getWidth(), getHeight() / 3 * 2);
    path.lineTo(getWidth(), 0);
    path.close();
    复制代码

    2、裁剪图片

    /*
    下边这行代码防锯齿,在没有Paint的情况下使用,但感觉没什么卵用,后期改进
    */
    canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG));
    canvas.clipPath(path);
    super.onDraw(canvas);//注意此行代码的位置
    复制代码

    备注:如注释所示,设置防锯齿后还是有锯齿感,希望知道原因或者有解决办法的大佬帮忙看看。

    主要就是一个路径绘制和画布裁剪,附上全部代码:

    public class ArcImageView extends AppCompatImageView {
    
        /*
         *弧形高度
         */
        private int mArcHeight;
        private static final String TAG = "ArcImageView";
    
        public ArcImageView(Context context) {
            this(context, null);
        }
    
        public ArcImageView(Context context, @Nullable AttributeSet attrs) {
            this(context, attrs, 0);
        }
    
        public ArcImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ArcImageView);
            mArcHeight = typedArray.getDimensionPixelSize(R.styleable.ArcImageView_arcHeight, 0);
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
            Path path = new Path();
            path.moveTo(0, 0);
            path.lineTo(0, getHeight() / 3 * 2);
            path.quadTo(getWidth() / 2, getHeight() / 3 * 2 + 2 * mArcHeight, getWidth(), getHeight() / 3 * 2);
            path.lineTo(getWidth(), 0);
            path.close();
            /*
            下边这行代码防锯齿,在没有Paint的情况下使用,但感觉没什么卵用,后期改进
             */
            canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG));
            canvas.clipPath(path);
            super.onDraw(canvas);
        }
    }
    复制代码

    Attribute属性:

    <attr name="arcHeight" format="dimension"/>
    <declare-styleable name="ArcImageView">
        <attr name="arcHeight"/>
    </declare-styleable>
    复制代码

    第二步:使用这个自定义ImageView

    <packagename.ArcImageView
            android:id="@+id/iv_head_bg"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:arcHeight="@dimen/space_55"
            android:scaleType="centerCrop"
            android:src="@color/mainYellow"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true" />
    复制代码

    第三步:添加高斯模糊

    1、引入Glide

    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'jp.wasabeef:glide-transformations:2.0.0'
    复制代码

    2、添加高斯模糊

    ArcImageView ivHeadBg = helper.getView(R.id.iv_head_bg);
                Glide.with(mContext)
                    .load(url)
                    .dontAnimate()
                    .error(R.drawable.icon_default_head)
                    //设置高斯模糊
                    .bitmapTransform(new BlurTransformation(mContext, 14, 3))
                    .into(ivHeadBg);
    复制代码

    由于还得赶项目,时间匆忙,回头整理成一个小Demo发出来。

    感谢阅读和指正。

    展开全文
  • 看到淘宝首页顶部是一个向上凹进去的背景(如下左图),有点好奇是如何实现的,今日闲来无事,便琢磨个实现的方法。 琢磨的过程中,想到的就是用layer-list来...好啦,两种顶部弧形背景的样式到这里就简单实现啦。

     看到淘宝首页顶部是一个向上凹进去的背景(如下左图),有点好奇是如何实现的,今日闲来无事,便琢磨个实现的方法。

    琢磨的过程中,想到的就是用layer-list来实现,此外又实现了一个顶部向下凸的背景(如下右图),在这里记录下实现的过程。

                        

    一、实现顶部向上凹的背景

    1、自定义drawable文件,arc_bg_up.xml

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:top="0dp"
            android:right="-250dp"
            android:left="-250dp">
    
            <shape android:shape="oval">
    
                <solid android:color="#FFFFFF"/>
            </shape>
    
        </item>
    
        <item android:top="50dp">
            <shape android:shape="rectangle">
                <solid android:color="#FFFFFF"/>
            </shape>
        </item>
    </layer-list>

    2、布局文件

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".ArcActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="150dp">
    
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/love"
                android:scaleType="fitXY"/>
        </LinearLayout>
    
        <LinearLayout
            android:layout_marginTop="-20dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/arc_bg_up">
        </LinearLayout>
    
    </LinearLayout>

    二、实现顶部向下凸的背景

    1、自定义drawable文件,arc_bg_down.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:tools="http://schemas.android.com/tools"
        xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:height="50dp"
            tools:ignore="UnusedAttribute">
    
            <shape android:shape="rectangle">
                <solid android:color="#e7873e"/>
    
            </shape>
        </item>
    
        <item android:top="0dp"
            android:right="-200dp"
            android:left="-200dp">
            <shape android:shape="oval">
                <solid android:color="#e7873e"/>
            </shape>
        </item>
    
    </layer-list>

    2、布局文件

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".ArcActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:background="@drawable/arc_bg_down">
        </LinearLayout>
    
    </LinearLayout>

    好啦,两种顶部弧形背景的样式到这里就简单实现啦。

    展开全文
  • 资源也是网上找的共享,把工程转换成eclipse 工程,建行网银的布局,弧形布局在屏幕right left bottom top ,屏幕四个角显示等;
  • 文章以常用的简易牛鼻子交岔点为例建立数学模型,对牛鼻子交岔点施工成型控制方法进行优化,使新的方法满足牛鼻子交岔点弧形控制和连续渐变的要求,同时简化数据,便于现场人员掌握。经过实践得出,该方法值得在各交岔点...
  • 为了缩短脱介弧形筛的翻转时间,以旋转气缸和升气缸组成驱动机构,设计出自动翻转弧形筛,并通过有关计算对两种气缸进行选型。该自动翻转弧形筛已在山西永宁选煤厂投入应用,在实际工作过程中,能够实现自动翻转,整个...
  • 使用修剪弧形工具

    2020-08-16 22:52:07
    该修剪弧工具是比较新的短信,我们很高兴向你展示它是多么有用的都可以。 修剪弧工具类似于SMS中的平滑弧功能。当消除粗糙弧线上的噪声时,此“平滑...在这种情况下,“修剪弧形”功能仅是作业的工具。该工具可修剪
  • 绘制一个漂亮的弧形 View

    千次阅读 2018-11-14 22:04:32
    绘制一个漂亮的弧形 View 来,先看下效果图: 怎么样?漂亮吧,上面是一个标题栏,下面是一个弧形的 View,标题栏和弧形 View 从左到右都有一个线性的渐变色,类似于手机 QQ 顶部的渐变效果,关于弧形的这种效果,...
  • 实现横向弧形滚动 上代码 startDragItem() 鼠标按下的方法, dragItem() 鼠标拖拽的方法, endDragItem() 鼠标抬起的方法, <template> <div class="navigationPage_Fa" @mouseup="endDragItem()" v-...
  • 弧形菜单,文字按规则变形以及变换透明度 简单的javascript,上手难度:简单 学习笔记: text-decoration: 最主要的功能就是给文字加上附着在文字底部,上方,或者中间的线(删除线)。 默认。定义标准的文本。 ...
  • 弧形排桩-连系梁抗滑结构为多次超静定结构,将桩顶弧形连系梁计算模型简化为无铰拱,视抗滑桩与弧形连系梁之间的约束力为冗力,利用桩弧形连系梁之间的变形协调条件,建立了抗滑结构的整体柔度方程;在桩底自由...
  • 区域走向总体呈北西向延伸,其主边界城口断裂由北向南发生偏转(由近南北向→北西向→近东西向),内部构造形迹与边界断裂呈明显削截和交切关系,弧形带凸方向与构造带南西向逆冲推覆极性一致。基于野外构造解析和15 个...
  • 沿弧形路径创建拉伸屋顶 Revit的API中只能按照直线创建拉伸屋顶,不能按照曲线创建拉伸屋顶.在Revit的界面当中,可以用 构建->内建模型,进行放样创建屋顶.但是没有办法代码内建模型. 可以用自定义族的方式达到...
  • MFC 直线 虚线 折线 圆 椭圆 矩形 弧形 http://www.2cto.com/kf/201408/324222.html   ****Dlg.h头文件添加: //为工程添加画笔、点变量数组 public:  CPen m_pen[5];  CPoint m_point[5]; public:  void ...
  • 效果图 1.在继承自UITabBarController的自定义controller中调用以下方法(LZCustomTabbar为自定义的tabbar) -(void)viewDidLayoutSubviews{ [super viewDidLayoutSubviews];... [LZCustomTabbar setTabBarUI:...
  • 开头必水,说是做弧形布局,不如说是Draw绘制这块踩坑,因为会对绘制结果进行裁剪(clipPath),而Path则是绘制贝塞尔曲线的结果。裁剪的通病用过的基本都知道,那就是抗锯齿,非常恶心,各种抗锯齿的办法基本GG。...
  • 自定义的一款圆弧形进度条,支持中心图片设置,有兴趣的朋友可以尝试下。 Github地址点击打开链接 ... import android.content.Context; import android.content.res.TypedArray;...import android.graphics.Bitmap;...i
  • 去掉app图标上的弧形高光效果

    千次阅读 2014-04-25 17:11:14
    在 yourAppName-info.plist 文件里 Icon already includes gloss effects = YES
  • 接上篇:Android 弧形转盘的实现,弧形列表;弧形列表已经实现了,下面就是自动选中的功能了; 先来分析一波: 红色的这条线是RecyclerView的竖向的中心线,当列表滑动停止后遍历可见区域的所有View,计算出距离...
  • 复制代码代码如下:.img-preview{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-bottom-color: #B8B8B8;...
  • 绘制文本块...function draw_arc_text(ctx, str, radius){ctx.save();str = str.toUpperCase();var radians_per_letter = 8 * Math.PI/180;ctx.rotate((105 - (radius/60)) * Math.PI/180);for (var n = 0;...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,894
精华内容 757
关键字:

弧形顶