精华内容
下载资源
问答
  • qq登陆界面背景图片

    2014-12-13 18:55:12
    qq登陆背景图片,可用于qq界面的设计开发
  • 作者HuTianQi,源码CoolImageView,一个类似腾讯 QQ 背景图片可以上下移动的 imageview,功能比腾讯 QQ 更加强大,还支持左右移动,支持在 xml 文件中设置移动方向(注意:是背景图片的移动,不是用动画让控件移动,...
  • 可用的QQ登陆背景图片

    热门讨论 2013-02-18 08:26:47
    qq 登陆背景素材
  • Android一个类似腾讯 QQ 背景图片可以上下左右移动的 imageview

    CoolImageView

    项目地址: HuTianQi/CoolImageView
    简介:一个类似腾讯 QQ 背景图片可以上下移动的 imageview,功能比腾讯 QQ 更加强大,还支持左右移动,支持在 xml 文件中设置移动方向(注意:是背景图片的移动,不是用动画让控件移动,那太简单了)

    A imageView is similar to QQ that imageView background picture can move up and down,But the function is more powerful than QQ,it also supports left and right movement

    license platform

    Dynamic effect preview (Because the gif resources are large, please wait for the resources to complete the load)

    this is background picture left and right movement
    image
    this is background picture move up and down
    image

    How to use

    step1: Add the following to your attrs.xml file (in res/values):

    <resources>
        <declare-styleable name="CoolImageView">
            <attr name="direction" format="string"/>
        </declare-styleable>
    </resources>
    

    step2:Add the following code to the root view of your layout:

    xmlns:app="http://schemas.android.com/apk/res-auto"
    

    step3:Add the widget code in the appropriate place in your xml file, Here's a sample implementation:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.example.hzhuqi.coolimagview.MainActivity">
    
        <com.example.hzhuqi.coolimagview.CoolImageView
            android:layout_width="wrap_content"
            android:layout_height="300dp"
            android:src="@mipmap/qq"
            app:direction="horizontal"
    
           >
        </com.example.hzhuqi.coolimagview.CoolImageView>
    
        <com.example.hzhuqi.coolimagview.CoolImageView
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/qq_"
            app:direction="vertical"
            >
        </com.example.hzhuqi.coolimagview.CoolImageView>
    </LinearLayout>
    

    Notice:

    you should set direction properties in your xml file,If you don't want to do that.You can use ordinary ImageView instead

    展开全文
  • qq登陆背景图

    2016-04-22 22:01:19
    qq登陆背景图。很实用
  • 模仿qq的带背景图片和背景音乐聊天.模仿qq的带背景图片和背景音乐聊天.
  • GJpictureSwitch从相册选取图片,自定义图片背景(QQ空间头部背景图片自定义) GJpictureSwitch使用介绍: QQ空间头部背景图片自定义 点击图片->进入相册选择图片-> 返回完成自定义背景图片设置. 1.把...
  • 仿QQ空间背景图片动态循环滚动效果源码,源码CloudImageView,该效果有点像3d的效果的,非常炫的滚动的效果的,打算做一个比较炫的背景循环的效果的朋友可以了解一下吧。
  • 如何在QQ空间中使用背景图片

    千次阅读 2013-10-04 12:38:33
    有些时候我们在QQ空间写日志的时候喜欢给自己的日志增加一个背景图片,这样日志看起来就不空洞了,但是当我们设置完背景图片后点击发表后,却发现背景图片莫名其妙的没有了。如下面的例子: 发表之前的代码(1) ...

    有些时候我们在QQ空间写日志的时候喜欢给自己的日志增加一个背景图片,这样日志看起来就不空洞了,但是当我们设置完背景图片后点击发表后,却发现背景图片莫名其妙的没有了。如下面的例子:

    发表之前的代码(图1)

    发表之后的代码(图2)

    这是因为QQ空间把background属性过滤掉了。

    下面我们换一种方式来(图3)

    点击发表(图5)

    没问题,这次没有过滤。

    展开全文
  • 仿QQ空间背景图片动态循环滚动效果源码,源码CloudImageView,该效果有点像3d的效果的,非常炫的滚动的效果的,打算做一个比较炫的背景循环的效果的朋友可以了解一下吧。   
  • 164个loading图片gif透明背景,适用于所有前端开发。全部为透明背景。样式种类比较多。164个loading图片gif透明背景,适用于所有前端开发。全部为透明背景。样式种类比较多。
  • 简介:一键制作非常好看的QQ资料卡背景图,用本软件生成的图片都是非常炫酷的哦,支持DIY图片
  • android 自定义ScrollView实现背景图片伸缩,android阻尼效果背景图片伸缩仿2015QQ空间,已经修改完bug,里面包含2个项目,2种阻尼,大家可以参考学习,鄙人也是刚刚接触
  • HTML5 QQ登录背景动态图片

    千次阅读 2018-08-28 10:29:00
    原文:HTML5 QQ登录背景动态图片预览效果如所示:   代码如下: &lt;!DOCTYPE html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; ...
    原文: HTML5 QQ登录背景动态图片

    预览效果如图所示:

     

    代码如下:

    <!DOCTYPE html> 
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>html5背景</title>
        
        <style type="text/css">
        *{margin:0;padding:0;list-style-type:none;}
        a,img{border:0;}
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    </head>
    <body>
    <div id="container" style="width:100%;height:700px;">
        <div id="anitOut"></div>
    </div>
    
    
    <script type="text/javascript">
    $(function () {
        if (!window.ActiveXObject && !!document.createElement("canvas").getContext) {
            $.getScript("http://im-img.qq.com/pcqq/js/200/cav.js?_=1428576021379",
                    function () {
                        var t = {
                            width: 1.5,
                            height: 1.5,
                            depth: 10,
                            segments: 12,
                            slices: 6,
                            xRange: 0.8,
                            yRange: 0.1,
                            zRange: 1,
                            ambient: "#525252",
                            diffuse: "#FFFFFF",
                            speed: 0.0002
                        };
                        var G = {
                            count: 2,
                            xyScalar: 1,
                            zOffset: 100,
                            ambient: "#002c4a",
                            diffuse: "#005584",
                            speed: 0.001,
                            gravity: 1200,
                            dampening: 0.95,
                            minLimit: 10,
                            maxLimit: null,
                            minDistance: 20,
                            maxDistance: 400,
                            autopilot: false,
                            draw: false,
                            bounds: CAV.Vector3.create(),
                            step: CAV.Vector3.create(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1))
                        };
                        var m = "canvas";
                        var E = "svg";
                        var x = {
                            renderer: m
                        };
                        var i, n = Date.now();
                        var L = CAV.Vector3.create();
                        var k = CAV.Vector3.create();
                        var z = document.getElementById("container");
                        var w = document.getElementById("anitOut");
                        var D, I, h, q, y;
                        var g;
                        var r;
    
                        function C() {
                            F();
                            p();
                            s();
                            B();
                            v();
                            K(z.offsetWidth, z.offsetHeight);
                            o()
                        }
    
                        function F() {
                            g = new CAV.CanvasRenderer();
                            H(x.renderer)
                        }
    
                        function H(N) {
                            if (D) {
                                w.removeChild(D.element)
                            }
                            switch (N) {
                                case m:
                                    D = g;
                                    break
                            }
                            D.setSize(z.offsetWidth, z.offsetHeight);
                            w.appendChild(D.element)
                        }
    
                        function p() {
                            I = new CAV.Scene()
                        }
    
                        function s() {
                            I.remove(h);
                            D.clear();
                            q = new CAV.Plane(t.width * D.width, t.height * D.height, t.segments, t.slices);
                            y = new CAV.Material(t.ambient, t.diffuse);
                            h = new CAV.Mesh(q, y);
                            I.add(h);
                            var N, O;
                            for (N = q.vertices.length - 1; N >= 0; N--) {
                                O = q.vertices[N];
                                O.anchor = CAV.Vector3.clone(O.position);
                                O.step = CAV.Vector3.create(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1));
                                O.time = Math.randomInRange(0, Math.PIM2)
                            }
                        }
    
                        function B() {
                            var O, N;
                            for (O = I.lights.length - 1; O >= 0; O--) {
                                N = I.lights[O];
                                I.remove(N)
                            }
                            D.clear();
                            for (O = 0; O < G.count; O++) {
                                N = new CAV.Light(G.ambient, G.diffuse);
                                N.ambientHex = N.ambient.format();
                                N.diffuseHex = N.diffuse.format();
                                I.add(N);
                                N.mass = Math.randomInRange(0.5, 1);
                                N.velocity = CAV.Vector3.create();
                                N.acceleration = CAV.Vector3.create();
                                N.force = CAV.Vector3.create()
                            }
                        }
    
                        function K(O, N) {
                            D.setSize(O, N);
                            CAV.Vector3.set(L, D.halfWidth, D.halfHeight);
                            s()
                        }
    
                        function o() {
                            i = Date.now() - n;
                            u();
                            M();
                            requestAnimationFrame(o)
                        }
    
                        function u() {
                            var Q, P, O, R, T, V, U, S = t.depth / 2;
                            CAV.Vector3.copy(G.bounds, L);
                            CAV.Vector3.multiplyScalar(G.bounds, G.xyScalar);
                            CAV.Vector3.setZ(k, G.zOffset);
                            for (R = I.lights.length - 1; R >= 0; R--) {
                                T = I.lights[R];
                                CAV.Vector3.setZ(T.position, G.zOffset);
                                var N = Math.clamp(CAV.Vector3.distanceSquared(T.position, k), G.minDistance, G.maxDistance);
                                var W = G.gravity * T.mass / N;
                                CAV.Vector3.subtractVectors(T.force, k, T.position);
                                CAV.Vector3.normalise(T.force);
                                CAV.Vector3.multiplyScalar(T.force, W);
                                CAV.Vector3.set(T.acceleration);
                                CAV.Vector3.add(T.acceleration, T.force);
                                CAV.Vector3.add(T.velocity, T.acceleration);
                                CAV.Vector3.multiplyScalar(T.velocity, G.dampening);
                                CAV.Vector3.limit(T.velocity, G.minLimit, G.maxLimit);
                                CAV.Vector3.add(T.position, T.velocity)
                            }
                            for (V = q.vertices.length - 1; V >= 0; V--) {
                                U = q.vertices[V];
                                Q = Math.sin(U.time + U.step[0] * i * t.speed);
                                P = Math.cos(U.time + U.step[1] * i * t.speed);
                                O = Math.sin(U.time + U.step[2] * i * t.speed);
                                CAV.Vector3.set(U.position, t.xRange * q.segmentWidth * Q, t.yRange * q.sliceHeight * P, t.zRange * S * O - S);
                                CAV.Vector3.add(U.position, U.anchor)
                            }
                            q.dirty = true
                        }
    
                        function M() {
                            D.render(I)
                        }
    
                        function J(O) {
                            var Q, N, S = O;
                            var P = function (T) {
                                for (Q = 0, l = I.lights.length; Q < l; Q++) {
                                    N = I.lights[Q];
                                    N.ambient.set(T);
                                    N.ambientHex = N.ambient.format()
                                }
                            };
                            var R = function (T) {
                                for (Q = 0, l = I.lights.length; Q < l; Q++) {
                                    N = I.lights[Q];
                                    N.diffuse.set(T);
                                    N.diffuseHex = N.diffuse.format()
                                }
                            };
                            return {
                                set: function () {
                                    P(S[0]);
                                    R(S[1])
                                }
                            }
                        }
    
                        function v() {
                            window.addEventListener("resize", j)
                        }
    
                        function A(N) {
                            CAV.Vector3.set(k, N.x, D.height - N.y);
                            CAV.Vector3.subtract(k, L)
                        }
    
                        function j(N) {
                            K(z.offsetWidth, z.offsetHeight);
                            M()
                        }
    
                        C();
                    })
        } else {
            alert('调用cav.js失败');
        }
    });
    </script>
    </body>
    </html>

     

    展开全文
  • 全真背景精简QQ

    2013-10-07 10:00:43
    全真背景精简QQ,240*320非角摸用,做了美化修改
  • html5实现腾讯QQ登录界面背景动画特效(QQ背景动态)+js,可以有效的学习html标签,制作出所见即所得的东西。高大上的背景!
  • treeview 背景图片

    2017-05-27 14:34:42
    给treeview添加背景图片 亲测可用
  • // 图片原高度 // 设置动画 ValueAnimator anim = ObjectAnimator.ofFloat(0.0F, 1.0F).setDuration(200); anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void ...
     
     
    private RecyclerView rv;
    private DisplayMetrics metric;
     
    // 是否正在放大 private Boolean mScaling = false;
     
    // 记录首次按下位置 private float mFirstPosition = 0;

     

     

     

    private LinearLayoutManager linearLayoutManager;

     


    /**

     

     
    设置RecyclerView touch监听 获取adapter 中的第一个item,即顶部需要拉伸的图片

     

    /

     

    private void setHeadZoomIn() {
            rv.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    metric = new DisplayMetrics();
                    getWindowManager().getDefaultDisplay().getMetrics(metric);
                    if (0 < multiTypeAdapter.getItems().size() && multiTypeAdapter.getItems().get(0) instanceof SpecialDetailIntroduceProvider.SpecialDetailIntroduceItem) {
                        SpecialDetailIntroduceProvider.SpecialDetailIntroduceItem item = (SpecialDetailIntroduceProvider.SpecialDetailIntroduceItem) multiTypeAdapter.getItems().get(0);
                        RelativeLayout relativeLayout = item.getRelativeLayout();
                        LinearLayout.LayoutParams lp = null;
                        if (null != relativeLayout) {
                            lp = (LinearLayout.LayoutParams) relativeLayout.getLayoutParams();
                        }
                        switch (event.getAction()) {
                            case MotionEvent.ACTION_UP:
                                mScaling = false;
                                replyImage(relativeLayout);
                                break;
                            case MotionEvent.ACTION_MOVE:
                                if (!mScaling) {
                                    //当图片也就是第一个item完全可见的时候,记录触摸屏幕的位置
                                    if (linearLayoutManager.findViewByPosition(linearLayoutManager.findFirstVisibleItemPosition()).getTop() == 0
                                            && linearLayoutManager.findFirstVisibleItemPosition() == 0 && multiTypeAdapter.getItems().get(0) instanceof SpecialDetailIntroduceProvider.SpecialDetailIntroduceItem) {
                                        mFirstPosition = event.getY();
                                    } else {
                                        break;
                                    }
                                }
                                int distance = (int) ((event.getY() - mFirstPosition) * 0.6); // 滚动距离乘以一个系数
                                if (distance < 0) {
                                    break;
                                }
                                // 处理放大
                                mScaling = true;
    //                            lp.width = metric.widthPixels + distance;
                                if (null != lp) {
                                    lp.width = metric.widthPixels;
                                    lp.height = (CommUtils.dp2px(SpecialistDetailActivity.this, 270) + distance);
                                    relativeLayout.setLayoutParams(lp);
                                }
                                return true;
                        }
                    }
                    return false;
                }
    
            });
        }
    
     
    private void replyImage(final RelativeLayout relativeLayout) { if (null == relativeLayout) return;  final LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) relativeLayout.getLayoutParams();  final float w = relativeLayout.getLayoutParams().width;// 图片当前宽度  final float h = relativeLayout.getLayoutParams().height;// 图片当前高度  final float newW = metric.widthPixels;// 图片原宽度  final float newH = CommUtils.dp2px(SpecialistDetailActivity.this, 270);// 图片原高度   // 设置动画  ValueAnimator anim = ObjectAnimator.ofFloat(0.0F, 1.0F).setDuration(200);  anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override  public void onAnimationUpdate(ValueAnimator animation) { float cVal = (Float) animation.getAnimatedValue();  lp.width = (int) (w - (w - newW) * cVal);  lp.height = (int) (h - (h - newH) * cVal);  relativeLayout.setLayoutParams(lp);  } });  anim.start(); }

     

     

     

    展开全文
  • 242个QQ空间背景图分享(1)---ly
  • 共有10个三角形背景图片,要求把10个背景图片组合成一个大的六边形背景图片 每个小的三角形背景图片正中间有文字显示,且这些文字是动态变化的(文字来源——数据库中查询所得) 求解,多谢。联系qq:787457074
  • ![QQ浏览器中](https://img-ask.csdn.net/upload/201607/27/1469633683_23619.jpg) ![UC浏览器中](https://img-ask.csdn.net/upload/201607/27/1469633724_606838.jpg) QQ浏览器和微信浏览器 背景图片无法正常显示
  • 此代码demo为自定义ListView控件,实现QQ空间(Android)主页下拉背景图拉伸回弹的效果,自己还可根据具体情况修改扩充,demo很好懂。
  • 网页背景图片精美图片1500多张 可根据自己实际建网站的需要选择背景图片

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 77,498
精华内容 30,999
关键字:

qq背景图片大全