精华内容
下载资源
问答
  • 关于界面设计的动态图片,自己ps的,有需要的敬请下载
  • vue动态绑定背景图片透明

    千次阅读 2019-11-08 10:32:00
    在VUE项目中动态设置背景图的透明度时,重点是背景图的透明度,而不是背景颜色的透明度,,刚开始怎么也设置不上,写固定值的时候可以,所有就想为什么不能像动态绑定style一样呢??在网上查了大多的帖子,解决的都...

    在VUE项目中动态设置背景图的透明度时,重点是背景图的透明度,而不是背景颜色的透明度,,刚开始怎么也设置不上,写固定值的时候可以,所有就想为什么不能像动态绑定style一样呢??在网上查了大多的帖子,解决的都是背景颜色的透明度,也即是使用rgba,却没有动态设置背景图透明度的相关解答! 那么后来我是怎么解决的呢?

     

    很奇怪,这里需要使用魔板字符串,读取这个变量的值!

     :style="{background:'url('+searchConfig.topImg+')',opacity:`${$store.state.headerOpacity}`}"

    使用模板字符串,里面放上这个变量就可以了!我这里是从store里取的值,, 是不是很奇葩呢?

    展开全文
  • 生成的图片背景一直是黑色,几经查找资料发现,若要使背景透明,必须设置为Config.ARGB_4444,或者Config.ARGB_8888, 而不是Bitmap.Config.RGB_565 /** * 创建指定大小的包含文字的图片背景透明 * @...

    生成的图片背景一直是黑色,几经查找资料发现,若要使背景为透明,必须设置为Config.ARGB_4444,或者Config.ARGB_8888,    而不是Bitmap.Config.RGB_565

    /**
    	 * 创建指定大小的包含文字的图片,背景为透明
    	 * @param width      图片宽度
    	 * @param height     图片高度
    	 * @param txtSize    文字字号
    	 * @param innerTxt   内容文字
    	 * @return
    	 */
    	public static Bitmap createTextImage(int width,int height,int txtSize,String innerTxt) {
    		//若使背景为透明,必须设置为Bitmap.Config.ARGB_4444
    		Bitmap bm = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_4444);
    		Canvas canvas = new Canvas(bm);
    		
    		Paint paint = new Paint();
    		paint.setColor(Color.GRAY);
    		paint.setTextSize(txtSize);
    		
    		//计算得出文字的绘制起始x、y坐标
    		int posX = width/2 - txtSize*innerTxt.length()/2;
    		int posY = height/2 - txtSize/2;
    		
    		canvas.drawText(innerTxt, posX, posY, paint);
    		
    		return bm;
    	}


    展开全文
  • 动态透明背景边框收藏边框图片详解.txt—————————————————— 【说明】1.图片地址border-image-source: url(地址); 2.图片分割(建议用百分数,可以无视图片实际大小)border-image-slice: 上 右 下 左...

    动态透明背景边框收藏

    边框图片详解.txt


    ——————————————————
    【说明】
    1.图片地址
    border-image-source: url(地址);
    2.图片分割(建议用百分数,可以无视图片实际大小)
    border-image-slice: 上 右 下 左 fill;
    3.设置边框宽度缩放比例
    border-image-width: 上 右 下 左;
    4.边框图片延伸
    border-image-outset: initial;
    initial 初始的、预设的
    5.边框图片重复
    border-image-repeat: round;
    无缝填充 round;
    平铺重复 repeat;
    变形拉伸 stretch;
    6.设置边框实际宽度
    border-width: 上 右 下 左;

    fec49f7156ec4523ddc918a5bd6d43b1.gif

    b0922283ca10b7366982a7fc5943f17a.gif

    fca1dc96d014cfb3e7a1271279284525.png

    bea8a3e036a77c8a3b0ba5989e84aefe.png

    cc312ffa532f6eb4a7e6e77bc0aa69d3.gif

    35e2d92e0ec143aeb2e6034fe2df21c7.gif

    7fa858c49060f01cb91ac9a33bbfdfde.gif

    ea1396bcd032acd36fa6d7922810f30e.gif

    e4f2e36b0d8105a04add22da6fd42360.gif

    12f185f7260f9320456854989023717b.png

    4d2e9ef47e4bcccdd3743a109bc43d7c.gif

    460da6e74dbe991d61a4f7be2ec162b8.png

    d4a9849697a9600965760d62214e8cf5.png

    78fba46e074778df5d9312fdf383428f.png

    0bcfb49a1b24bb0bea008d59fba229c7.png

    2962f3726c5fa4b4aa51390edc3d9e85.png

    069c0f37d184d48addbf14515e603d18.png

    055d227e799196ba898659917b39bb1b.png

    018bc142541f63e76c05d99996ec44df.png

    7a87e674ea7fc3d17c66755c06bee8a0.png

    7fa858c49060f01cb91ac9a33bbfdfde.gif

    e8e0634c8a25533d658d0f00ed8ece45.png

    9f116f0a010b4ef16270a4b4997bdb43.png

    63597c2a67180bd21ca04d9d7e8a3364.gif

    c1e50b874c2f2af4e81f7e15bab3fd8e.gif

    2faba8f968bda002a95743e51f19c7af.png001.gif

    2faba8f968bda002a95743e51f19c7af.png003.gif

    2faba8f968bda002a95743e51f19c7af.png004.gif

    2faba8f968bda002a95743e51f19c7af.png002.gif

    2faba8f968bda002a95743e51f19c7af.png005.gif

    2faba8f968bda002a95743e51f19c7af.png006.gif

    2faba8f968bda002a95743e51f19c7af.png007.gif

    2faba8f968bda002a95743e51f19c7af.png008.gif

    2faba8f968bda002a95743e51f19c7af.png009.gif

    2faba8f968bda002a95743e51f19c7af.png010.gif

    2faba8f968bda002a95743e51f19c7af.png011.gif

    2faba8f968bda002a95743e51f19c7af.png012.gif

    2faba8f968bda002a95743e51f19c7af.png014.gif

    2faba8f968bda002a95743e51f19c7af.png013.gif

    2faba8f968bda002a95743e51f19c7af.png015.gif

    2faba8f968bda002a95743e51f19c7af.png017.gif

    2faba8f968bda002a95743e51f19c7af.png019.jpg

    2faba8f968bda002a95743e51f19c7af.png018.gif

    2faba8f968bda002a95743e51f19c7af.png021.gif

    2faba8f968bda002a95743e51f19c7af.png020.gif

    2faba8f968bda002a95743e51f19c7af.png016.gif

    2faba8f968bda002a95743e51f19c7af.png022.jpg

    2faba8f968bda002a95743e51f19c7af.png023.jpg


    27681970183aa3e76ef482012c950df8.gif

    cb6d700582bafa7767aecc1c8f422a71.gif

    d5129e43bc3f5d89d03e6dc83dc24f63.gif

    3d8830487dd16a6b8c3c87ab70adf348.gif

    49d44d6d01b4e651455bcf1a2ccf1427.gif

    00531d49616256efff5440a1f6be2af7.gif

    03d3b9762c0bcb11e60cf750c2e11e17.gif

    03d3b9762c0bcb11e60cf750c2e11e17.gif

    b0d29ac130d343a900136f5868d31a85.gif

    0bd70dcfa2ba1e852b8ce25f886f63bd.gif

    d2c132527dba4ef3a1d914c656b4e7d7.gif

    99ba19bf292e7fa3bd46dea58953a47c.png

    b0bbf079d214124274bb49f2aa26b174.png

    8ecde4a030892b44c0e42a23fb355b4c.png

    5e18d5bc03f26333765e01724ef2090e.png

    展开全文
  • 在做Qt项目时遇到加载Gif动态图片,但QLabel设置的gif图片背景图无法透明,需要重写QLabel,下面是代码: .h头文件 #include <QtWidgets> class CMoviceLabel : public QLabel { Q_OBJECT; public: ...

    在做Qt项目时遇到加载Gif动态图片,但QLabel设置的gif图片,背景图无法透明,需要重写QLabel,下面是代码:

    .h头文件

    #include <QtWidgets>

    class CMoviceLabel : public QLabel
    {
        Q_OBJECT;
    public:
        CMoviceLabel(QWidget* parent = NULL);
    private:
        void paintEvent(QPaintEvent *event);
        //setOpacity
    };

    .cpp文件

    CMoviceLabel::CMoviceLabel(QWidget* parent) : QLabel(parent)
    {

    }

    void CMoviceLabel::paintEvent(QPaintEvent *event)

        QStyle *style = QWidget::style();
        QPainter painter(this);
        painter.setOpacity(0.5);
        //drawFrame(&painter);
        QRect cr = contentsRect();
        cr.adjust(margin(), margin(), -margin(), -margin());
        int align = QStyle::visualAlignment(text() == "" ? Qt::LeftToRight : layoutDirection(), alignment());

        if (movie()) 
        {
            if (hasScaledContents())
                style->drawItemPixmap(&painter, cr, align, movie()->currentPixmap().scaled(cr.size()));
            else
                style->drawItemPixmap(&painter, cr, align, movie()->currentPixmap());
        }
    }
    实现动态加载的的代码:

    .h文件

    class CLoaddingPanel2 : public QWidget
    {
        Q_OBJECT;
    public:
        CLoaddingPanel2(QWidget* parent = NULL);

    private: 
        
        void paintEvent(QPaintEvent *event);
        void showEvent(QShowEvent *event);
        void hideEvent(QHideEvent *event);
        QMovie* m_mvGifLoadding;
        CMoviceLabel* m_lbMv;
    };

    .cpp代码

    CLoaddingPanel2::CLoaddingPanel2(QWidget* parent) :QWidget(parent)
    {
        QVBoxLayout* vblMain = new QVBoxLayout(this);
        setWindowFlags(Qt::FramelessWindowHint);//无边框
        setAttribute(Qt::WA_TranslucentBackground);//背景透明

        m_mvGifLoadding = new QMovie(":/res/loading/loading2.gif");
        m_lbMv = new CMoviceLabel(this);
        m_lbMv->setFixedSize(379, 381);
        m_lbMv->setWindowFlags(Qt::FramelessWindowHint);
        m_lbMv->setAttribute(Qt::WA_TranslucentBackground);
        m_lbMv->setMovie(m_mvGifLoadding);
        QHBoxLayout* hblLb = new QHBoxLayout;
        hblLb->addStretch();
        hblLb->addWidget(m_lbMv);
        hblLb->addStretch();
        vblMain->addLayout(hblLb);
    }

    void CLoaddingPanel2::showEvent(QShowEvent *event)
    {
        m_mvGifLoadding->start();
    }

    void CLoaddingPanel2::hideEvent(QHideEvent *event)
    {
        m_mvGifLoadding->stop();
    }

    void CLoaddingPanel2::paintEvent(QPaintEvent *event)
    {
        QPainter penter(this);
        QRect lbRct(m_lbMv->pos(), m_lbMv->size());

        QRegion rg1(0, 0, width(), lbRct.y());
       QRegion rg2(0, lbRct.bottom() + 1, width(), height() - lbRct.bottom() - 1);
        QRegion rg3(0, lbRct.y(), lbRct.x() , lbRct.height());
        QRegion rg4(lbRct.right() + 1, lbRct.y(), width() - lbRct.left() - 1, lbRct.height());
        
        QPainterPath path;
        path.addRegion(rg1);
        path.addRegion(rg2);
        path.addRegion(rg3);
        path.addRegion(rg4);
        penter.fillPath(path, QColor(255, 255, 255 , 255 / 2));
    }

    展开全文
  • // 改变静态文本(背景透明)的内容,并修正背景重叠的现象 void CXXXDlg::ChgStaticText(CStatic *cTxt, const CString sContect) { cTxt->SetWindowText(sContect); // 重绘 文本控件 CRec
  • 最近用到Java动态生成背景透明图片功能,从gif和png中选择了png格式,个中缘由就不说了,于是动手到网上搜索有用的代码。现把搜索结果总结如下:1. 生成png图片int width = 400;int height = 300;// 创建...
  • JS实现滑动页面动态切换背景图片的炫酷效果

    千次阅读 多人点赞 2019-11-22 10:56:42
    我发现现在很多网站都用了如下GIF的模块与背景图片切换的效果,这让在下心痒痒的,所以自己动手写了一遍发现蛮简单的,分享给大家! 首先我的思路是介个样子的:先让一个空的宽度高度都占满的div孩子悬浮最底层,...
  • 背景图的设定 第一种 将如图代码加入在BOOL CXXXDlg::OnInitDialog()中 CDialogEx::SetBackgroundColor(RGB(155,170,190)); 纯色背景 ... 图片背景 第二种 在 void CXXXDlg::OnPaint()函数中加...
  • 三百多幅背景边框,单页背景边框,动图(无水印)-村网通https://379664.nync.com/article/992980.html【边界背景模板 - 阿柴哥哥】-村网通https://379664.nync.com/article/992744.html【博客花边透明背景 - 阿柴哥哥...
  • "Scripts/jquery-1.8.2.min.js"> "Scripts/jquery.backstretch.min.js"> $(function () {  $(".container").css({ opacity: .8 }); //设置透明度  $.backstretch([  "Ima
  • 最 近用到Java动态生成背景透明图片功能,从gif和png中选择了png格式,自动添加链接地址:http://www.my400800.cn 去网站上的图片中。现把搜索结果总结如下: 1. 生成png图片 int width = 400; int hei ...  ...
  • 日常PPT设计中,我们经常会遇到一...01.先看效果分别通过视频、静态图片动态GIF图,来看一下通过PPT形状制造视觉差而设计的幻灯片效果。视频演示效果一张图一段话做出华丽PPThttps://www.zhihu.com/video/1220440...
  • 最近用到Java动态生成背景透明图片功能,从gif和png中选择了png格式,个中缘由就不说了,于是动手到网上搜索有用的代码。现把搜索结果总结如下: 1. 生成png图片 intwidth=400; intheight=300; //创建...
  • 上拉界面背景图片逐渐消失,下来界面背景图片放大(动态改变UIImageView的高度) 上拉导航条逐渐展示,下拉导航条逐渐隐藏(动态改变导航条的背景图片) 上拉导航条的标题逐渐显现,下拉导航条的标题逐渐隐藏(动态...
  • 需求是这样的,有个标签,它的透明度随着进度的大小而改变,进度是0%-100%,对应的透明度是0.5-0,直接上代码 // 随着进度而变化标签的透明度 &lt;div class="...网上一直是图片的,是这样的: ...
  • ...最近用到Java动态生成背景透明图片功能,从gif和png中选择了png格式,个中缘由就不说了,于是动手到网上搜索有用的代码。现把搜索结果总结如下: 1. 生成png图片 int width
  • 关于Java生成背景透明的png图片最近用到Java动态生成背景透明图片功能,从gif和png中选择了png格式,个中缘由就不说了,于是动手到网上搜索有用的代码。现把搜索结果总结如下:1. 生成png图片intwidth=400;int...
  • 前序文章:Scriptable 神器试玩,创建一个显示自定义标题内容的 iOS14桌面组件Scriptable 神器实战2 —— 给桌面组件添加自定义背景图片Scriptable 神器实战3 —— 夜间模式动态展示Scriptable 神器实战4 —— 获取...
  • 以下内容,对于想要使用C#实现PNG图片背景透明显示,同时动态显示时无闪烁问题的人来说,是非常有帮助的。网络上很难找到完整的解决方案。以下是我搜集到,并加以验证过的完整解决方案。文章一:《How to Use ...
  • 1、动态按钮的四种动作  1)正常  2)按下  3)滑过  4)失效 在MFC中,4个动作对应着四种位图bmp, 首先,将代表四种状态的位图加载入资源中,将对应的按钮设置为BitmapButton 第二,在OnInitDialog()...
  • PPT模板是动态PPT模板,用蓝色作为主题色,动态透明的光斑,给人一种现代感,整套PPT模板商务气息浓重;PPT模板内容页面设计了简洁、透明、扁平风格的PPT中国地图素材,流程图,smartART等PPT图表,PPT关系图;本套...
  • 近用到Java动态生成背景透明图片功能,从gif和png中选择了png格式,个中缘由就不说了,于是动手到网上搜索有用的代码。现把搜索结果总结如下:1.生成png图片intwidth=400;intheight=300;//创建BufferedImage对象...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 572
精华内容 228
关键字:

动态透明背景图片