精华内容
下载资源
问答
  • jquery模拟手机界面图片左右切换效果,其实跟一般的焦点图类似效果,只是此做的更加漂亮,喜欢的童鞋可以选择下载,懒人之家推荐。
  • 用CorelDRAW制作SVG手机主题界面图片 Ljmstock 2008-05-01 来源: 标签:coreldraw; svg手机; svg编辑器; 更多... 来源:SVG中国(ChinaSVG.COM)  介绍用Adobe Illustrator或CorelDraw等矢量软件制作SVG格式的...
    用CorelDRAW制作SVG手机主题界面图片 
    Ljmstock 2008-05-01 来源: 标签:coreldraw; svg手机; svg编辑器; 更多...
    来源:SVG中国(ChinaSVG.COM)

      介绍用Adobe Illustrator或CorelDraw等矢量软件制作SVG格式的手机主题界面图片,本文章提供的是制作思路与过程。最终制作过程要根据自己的情况设计漂亮的主题图片。

    1 SVG图片的用途
      大部分手机玩友并不知道SVG图片在手机中有什么用。实际上,和所有图片一样,SVG图片也可以作桌面墙纸,待机、开机、关机动画,利用SVG可以让手机拥有各种酷炫的动态效果。

      让手机装入SVG图片和酷炫动画,就可以作为手机的待机、开机、关动动画;装入老虎、蝴蝶等以及高质量的矢量图片,可以作为手机墙纸使用。所以SVG格式图片也可以作为手机主题图片使用。并且由于SVG文件小,动画效果制作容易,移植别人优秀SVG图片容易,是很好的图片格式。

    2 教你一笔一划画SVG图
      先来看看本人原创新鲜出炉的SVG格式的SVG图片吧。下载s65.rar (2.15 KB) s65.rar (2.15 KB)
      
    图1 手机屏幕文字是简单动画


    2.1 制作工具
      流行的SVG工具有CorelDraw和Illustrator,Illustrator制作的SVG还可以在保存的时候进行优化,可以查看怎样对Illustrator制作的SVG进行优化一文。由于本人熟悉AutoCad和Photshop,所以很容易上手CorelDraw,此处只介绍该软件。
      CorelDraw是平面设计软件,平面广告、装修平面图设计等等经常用到它。没有AutoCad的精确绘图,但有Photshop的图形处理能力;图形处理没有Photshop强大,但有AutoCad的坐标系。因此,CorelDraw是上述两个软件的结合,具有杂交优势。它可以将绘出的图形存为SVG格式。网上的12版和9版的简体中文下载链接比较多。

    2.2 过程
      2.2.1 准备图片

      先准备一张现成的图片,JPG、BMP等都可以,可以扫描照片、手绘草图输入。我下了张S65照片:


    图2 准备一张图片


      2.2.2 CorelDraw制作

      从菜单文件-导入S65.JPG


    图3 CorelDRAW导入


      菜单-位图-轮廓图-查找边缘,得到轮廓图


    图4 查找边缘


    图5 轮廊图


      对于曲线部分,选左侧工具栏中的手绘工具-贝塞尔工具


    图6 比塞尔S曲线


      在轮廓图上进行描图


    图7 描图


      对于矩形、圆形、椭圆直接选对应工具描图,得到轮廓线图


    图8 建立轮廊线


      删除先前导入的JPG图形,另存为SVG格式。即在保存格式中选SVG,保存参数如下:


    图9 保存SVG的选项参数


    3 后期处理
      得到的SVG图形只是初步的,由于是机器生成的,有些语句太罗嗦进行归并;有些多余的语句可删掉;由于手绘描图,有些地方不准确进行修正;添入一些需要的内容,如动画、填色等。要做到这些,必须对SVG基本语法有所了解才行,好在并不复杂,大家根据例子揣摩吧。
      PC机上装入SVGview,双击做好的SVG轮廓线图,在浏览器上打开它,最小化;再用右键点同个文件,选打开方式-记事本,就是同时用记事本打开该图。在记事本上修改后,保存;再在浏览器上刷新,可以实时显示修改结果。后期处理就这样可以不断摸索,改错了撤销;没改好继续调整参数,直到满意为止。
      最后得到如开篇处的图形。
      利用这种方法,可以制作头像动画,眨眼睛、流鼻涕、吐舌头,随便啦。
      制作地图就更简单了,可以不进行轮廓处理,因为地图上都是轮廓分明的。只要下张地图作底稿,在上面描图就可以了。有兴趣的朋友制作几张地图让大家使使。这种地图可以无限缩放,不会出现模糊的情况,这就是最大的优势。网上也有将BMP地图进行矢量化的工具,将结果再进行手工修改,效果就非常好。

    (THE END)
    展开全文
  • 使用CSS,JavaScript,H5编写的超炫酷手机图片展示模板。
  • 前言 欢迎大家我分享和推荐好用的代码段~~ 声明 欢迎转载,但请保留文章原始出处: CSDN:http://www.csdn.net 雨季o莫忧离:...关于手机 界面定制一个界面类似下图。即需要在preference...

    前言
             欢迎大家我分享和推荐好用的代码段~~
    声明
             欢迎转载,但请保留文章原始出处:
             CSDN:
    http://www.csdn.net
             雨季o莫忧离:http://blog.csdn.net/luckkof

    正文

     

     

    需要在设置-->关于手机 界面定制一个界面类似下图。即需要在preference_srceen中添加图片。
     
     
     
    [SOLUTION]
    1:在Setting的source code的
    src\com\android\settings
    文件中添加一个类LogoPreference.java
    文件内容如下:
    package com.android.settings;
    import android.content.Context;
    import android.preference.Preference;
    import android.util.AttributeSet;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.RadioButton;
    import android.widget.RelativeLayout;
    public class LogoPreference extends Preference {
        /**
         * @param context
         * @param attrs
         * @param defStyle
         */
        public LogoPreference(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
            init();
        }
        /**
         * @param context
         * @param attrs
         */
        public LogoPreference(Context context, AttributeSet attrs) {
            super(context, attrs);
            init();
        }
        /**
         * @param context
         */
        public LogoPreference(Context context) {
            super(context);
            init();
        }
        private void init() {
            setLayoutResource(R.layout.logo_preference_layout);
        }
        
        @Override
        public View getView(View convertView, ViewGroup parent) {
            View view = super.getView(convertView, parent);
            return view;
        }
    }
    2,在Setting的res\layout目录下添加一个对应的
    logo_preference_layout.xml文件。
    文件内容如下:
    <?xml version="1.0" encoding="utf-8" ?>
    -  < LinearLayout  xmlns:android =" http://schemas.android.com/apk/res/android "  android:layout_width =" match_parent "  android:layout_height =" 200dip "  android:minHeight =" ?android:attr/listPreferredItemHeight "  android:orientation =" vertical "  android:gravity =" center_vertical ">
       < ImageView  android:id =" @+android:id/icon "  android:layout_width =" 300dip "  android:layout_height =" 200dip "  android:paddingStart =" 0dip "  android:paddingEnd =" 0dip "  android:layout_gravity =" center_vertical "/>
    -  < RelativeLayout android:id =" @+android:id/text_layout "  android:layout_width =" 0dip "  android:layout_height =" 0dip "  android:paddingStart =" 0dip "  android:paddingEnd =" 0dip "  android:gravity =" center_vertical " android:layout_weight =" 1 "  android:focusable =" true "  android:background =" @drawable/list_selector_holo_dark ">
       < TextView  android:id =" @+android:id/title "  android:layout_width =" 0dip "  android:layout_height =" wrap_content "  android:focusable =" true "  android:singleLine =" true "  android:textAppearance =" ?android:attr/textAppearanceMedium " />
       < TextView  android:id =" @+android:id/summary "  android:layout_width =" 0dip "  android:layout_height =" wrap_content "  android:layout_below =" @android:id/title "  android:layout_alignStart =" @android:id/title "  android:textAppearance =" ?android:attr/textAppearanceSmall "  android:maxLines =" 2 " />
       </ RelativeLayout >
       </ LinearLayout >
     
    3:在Setting的device_info_settings.xml中添加一个LogoPreference
    <PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android" android:title="@string/about_settings">
       < com.android.settings.LogoPreference android:key="jasonAAA "  android:icon =" @drawable/pic_indicator " />
     
    重新编译Setting并push到手机中可以看到上图的效果,如果贵司要更改为自己公司的Logo图片,
    只需修改 android:icon =" @drawable/ pic_indicator为贵司自己 公司的Logo图片即可。

     

     

     

    转载于:https://www.cnblogs.com/james1207/p/3366227.html

    展开全文
  • 仿手机淘宝图片自动滑动手动滑动界面 里面包含了 viewpager ontouch 手势 Ontouch 横向列表(Gridview)的制作方法 资源图片不是很好 但是基本效果已经实现了
  • 仿iphone触屏手机界面

    2021-06-01 20:35:53
    jquery框架与coffeescript结合制作iphone苹果手机的IOS手机界面主触屏手指划过屏幕整个界面图片左右滑动的触摸效果
  • 原标题:CSS3 苹果手机UI界面展示图片飞入动画特效源码 效果图各位朋友,大家下午好!今天给大家带来的是 CSS3 苹果手机UI图片飞入动画特效源码!是不是很炫酷,特适合一些APP的官网展示!由于源码比较长,需要的...

    原标题:CSS3 苹果手机UI界面展示图片飞入动画特效源码

    769b244cf2d9961e06038ace1ed8c84f.gif

    效果图

    各位朋友,大家下午好!

    今天给大家带来的是 CSS3 苹果手机UI图片飞入动画特效源码!

    是不是很炫酷,特适合一些APP的官网展示!

    由于源码比较长,需要的朋友可以私聊小编哦!

    废话不多说,上源码!

    CSS3 transform图片飞入动画特效

    *{

    margin: 0;

    }

    body{

    background: #ff5046;

    overflow: hidden;

    }

    #box{

    position: relative;

    width: 960px;

    height: 420px;

    margin:200px auto 0;

    }

    #box img{

    position: absolute;

    }

    #box img:nth-child(1){

    /*left:-8px;*/

    top:113px;

    left:-1000px;

    }

    #box img:nth-child(1).on{

    left:-8px;

    transition: 0.5s 1s;

    }

    #box img:nth-child(2){

    /*left:163px;*/

    top:84px;

    left:-1000px;

    }

    #box img:nth-child(2).on{

    left:163px;

    transition: 0.5s 0.5s;

    }

    #box img:nth-child(3){

    left:310px;

    top:0px;

    animation: shake 0.8s linear;

    }

    @keyframes shake {

    0%{

    transform: scale(0);

    }

    30%{

    transform: scale(1.2);

    }

    40%{

    transform: scale(0.8);

    }

    50%{

    transform: scale(1.15);

    }

    60%{

    transform: scale(0.9);

    }

    70%{

    transform: scale(1.1);

    }

    80%{

    transform: scale(0.95);

    }

    90%{

    transform: scale(1.05);

    }

    100%{

    transform: scale(1);

    }

    }

    #box img:nth-child(4){

    /*left:510px;*/

    top:21px;

    left:1500px;

    }

    #box img:nth-child(4).on{

    left:510px;

    transition: 0.5s 0.5s;

    }

    #box img:nth-child(5){

    /*left:656px;*/

    top:0px;

    left:1500px;

    }

    #box img:nth-child(5).on{

    left:656px;

    transition: 0.5s 1s;

    }

    top1.png

    top2.png

    top3.png

    top4.png

    top5.png

    <>

    var box = document.getElementById("box");

    var aImgs= box.getElementsByTagName("img");

    window. = function(){

    for(var i=0;i

    aImgs[i].className="on";

    }

    }

    >

    适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。

    su

    < Language=VB>

    展开全文
  • 使用QT编写基于Linux下的跨平台程序,主要功能:实现类似手机界面左右滑动翻页效果,带有图片资源,车载中控适用
  • 前短时间遇见的一个问题,应用中的一个activity背景图片加载不上,也就是不显示。其他手机都可以,就三星的一款手机不行。 布局界面: xmlns:tools="http://schemas.android.com/tools"

    前短时间遇见的一个问题,应用中的一个activity背景图片加载不上,也就是不显示。其他手机都可以,就三星的一款手机不行。

    布局界面:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/main_background"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:background="@drawable/app_background"
        tools:context="cn.vn.ui.MainActivity" >
    
    </RelativeLayout>
    中间的控件就不写了。


    修改了一下在应用中加载图片。

    @Override
    	protected void onResume() {
    		super.onResume();
    		RelativeLayout layout = (RelativeLayout)findViewById(R.id.main_background);
    		InputStream is ;
    		BitmapFactory.Options opt = new BitmapFactory.Options();
    		opt.inPreferredConfig = Bitmap.Config.ARGB_8888;
    		opt.inPurgeable = true;
    		opt.inInputShareable = true;
    		opt.inSampleSize = 2;
    		is= getResources().openRawResource(R.drawable.app_background);
    		Bitmap bm = BitmapFactory.decodeStream(is, null, opt);
    		BitmapDrawable bd = new BitmapDrawable(getResources(), bm);
    		layout.setBackgroundDrawable(bd);
    	}
    这样就可以正常显示背景图片了。


    展开全文
  • 添加欢迎界面的时候,欢迎界面老是灰的(欢迎界面是一个imageview,宽高都填充屏幕了),我把layout和源文件单独复制到一个新项目中的时候,又显示正常了。检查配置文件、代码、样式都没有问题; 而且这个...
  • 手机界面vc++代码

    2009-03-05 20:40:15
    手机界面vc++代码,仅仅用一张图片就可以制作出精美程序界面,制作界面很简单了!
  • VC++开发手机界面

    2009-07-01 10:44:33
    手机界面设计,主要通过加载图片设计开发。还有手机功能未上传,正在开发
  • 当你在设计手机界面时,产生了1个绝佳的创意idear,但是周围又没有PhotoShop,这时候这个小巧的软件,就能帮助你快速的搭建你想要的手机UI效果。 本软件还能根据图片位置自动生成数组,方便程序员快速编程。 本...
  • 可以在s60手机上把你喜欢的手机图片,在任意界面使用,不仅是桌面哦
  • 自定义界面图片

    2015-12-03 20:12:57
    自定义界面放置手机所有图片,或拍照,然后选择回显
  • 十六节 手机界面中的特效处理按钮的制作 1手机界面中的特效处理介绍镜面效果格画中画效果 折角效果提 纲重庆电讯职业学院 计算机与传媒系主讲教师冯艳1手机界面中的特效处理介绍(1)镜面效果制作作用在普通的图片上方...
  • 这是我使用1像素图片画出来的自适应手机屏幕的仿苹果主题的用户界面,程序很简单,发出来供大家参考,大家也来PP我的做法是否可行。
  • iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 (此图片来源于网络,如有侵权,请联系删除! )(此图片来源于网络,如有侵权,请联系删除! ) iPhone6P、6SP、7P 1242×2208 px 401PPI 60px 132px ...
  • jQuery类似手机QQ界面

    2018-08-22 08:41:28
    jQuery类似手机QQ界面,有好友列表页面和聊天界面,聊天界面包含表情包,包含图片发送
  • 手机移动界面侧滑

    2017-09-26 16:24:48
    手机移动界面侧滑图片代码块 PS:只有主界面代码(无css代码)
  • 手机信息界面

    2017-03-14 13:00:15
    如何编辑一个“手机信息界面”,首先打开安装好环境变量的Android Studio软件。 1.建一个phoneInfo新project.文件名MainActivity. 2.将准备好的页面信息功能图放入res/drawable文件夹下。准备的图片:   3....
  • 高仿手机淘宝--商铺界面产品展示及图片缩放
  • android Gmail查看图片时选择经信息(彩信)分享,手机报错或手机报错后又回到查看图片界面
  • 手机播放器界面

    2017-10-14 13:29:17
    技术 简单的形状绘制技术 利用模糊把素材图片虚化,突出主体功能界面 思考 利用背景虚化来突出主体是很好的方法 一些特殊形状的绘制还是不太熟练,还需要多的练习 效果源文件 源文件点这里
  • ;案例简介;案例1中的布局;案例1中的授权;案例1中的Activity代码-onCreate)方法中;案例1中的AsyncTask类;案例1中的AsyncTask类;案例1中的AsyncTask类;案例2中的Activity代码-onCreate)方法中;案例2中的AsyncTask类;...
  • 手机软件界面设计人员的广阔乐园.  搜应用网是中国最丰富的手机资源下载站,为你提供精彩的手机图片.手机应用软件.手机游戏,定制服务手机用户的个性化需求,是广大手机用户.手机开发者.手机软件界面设计人员的...
  • 手机界面设计中12种常用布局

    万次阅读 2017-06-03 14:31:14
    手机界面设计中12种常用布局 转载自:手机界面设计中12种常用布局 - 轩枫阁总结下手机界面改版要考虑的布局,主要的分为以下2大类主导航 列表式 陈列馆式 九宫馆式 选项卡式 旋转木马 行为扩展式 多面板 图表式 ...

空空如也

空空如也

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

手机界面图片