精华内容
下载资源
问答
  • 主要介绍了微信小程序 图片等比例缩放(图片自适应屏幕)的相关资料,需要的朋友可以参考下
  • 1.调用SetProcessDPIAware HINSTANCE hUser32 = LoadLibrary(L"User32.dll"); if (hUser32) { typedef BOOL (WINAPI* LPSetProcessDPIAware)(void); LPSetProcessDPIAware pSetProcessDPIAware = ...

    1.调用SetProcessDPIAware

    HINSTANCE hUser32 = LoadLibrary(L"User32.dll");
    if (hUser32)
     {
            typedef BOOL (WINAPI* LPSetProcessDPIAware)(void);
            LPSetProcessDPIAware pSetProcessDPIAware = (LPSetProcessDPIAware)GetProcAddress(hUser32, "SetProcessDPIAware");
            if (pSetProcessDPIAware)
            {
                pSetProcessDPIAware();
            }
            FreeLibrary(hUser32);
    }

    2.VS设置启用DPI识别功能

    展开全文
  • 控件的大小和字体随着窗体的大小变化等比例缩放,在窗体变化时,控件不影响窗体原来的布局
  • 这里的等比例适用的是在主窗体中加载了个子窗体,或者一个主程序引用了另外一个子程序dll这样等比例缩放,也并不是实际意义上的等比例,而是相当于重新加载子窗体,但子窗体里面的数据不能变化。 主窗体和子窗体...

            这里的等比例适用的是在主窗体中加载了多个子窗体,或者一个主程序引用了另外一个子程序dll这样等比例缩放,也并不是实际意义上的等比例,而是相当于重新加载子窗体,但子窗体里面的数据不能变化。

            主窗体和子窗体加载这种就不介绍,直接介绍主程序加载子程序的dll这种,主窗体与子窗体与其类似。

            先建立一个主程序,主程序就当做一个壳,里面简单放几个容器即可,我这里放一个panel,panel的Dock设置为Fill。

           

            再建立一个子程序,子程序可以建立个类库程序,生成出来就是个dll,子程序可以随便加点控件进去,主要是为了让主程序调用加载进主程序,load事件中将窗口最大化。为了实现所谓的等比例缩放,子窗体中的控件Dock事件修改,以及使用Anchor进行锚定,子窗体这里使用单例模式加载。

    public partial class SubForm : Form
    	{
    		public static SubForm subForm;
    
    		public static SubForm GetInstance()
    		{
    			if(subForm == null || subForm.IsDisposed)
    			{
    				subForm = new SubForm();
    			}
    			return subForm;
    		}
    
    		private SubForm()
    		{
    			InitializeComponent();
    		}
    
    		private void SubForm_Load(object sender, EventArgs e)
    		{
    			this.WindowState = FormWindowState.Maximized;
    		}
    	}

            生成子程序,然后将子程序中的dll放入主程序的bin目录下,然后在主程序的load事件中加载子程序:

    private void Form1_Load(object sender, EventArgs e)
    		{
    			SubForm subForm = SubForm.GetInstance();
    			subForm.FormBorderStyle = FormBorderStyle.None;
    			subForm.TopLevel = false;
    			subForm.Parent = null;
    			subForm.Parent = panel1;
    			subForm.Dock = DockStyle.Fill;
    			subForm.Show();
    		}

            前面在主程序窗口中加了panel容器,要实现等比缩放,则在panel的sizeChanged事件中再加载子程序即可:

    private void panel1_SizeChanged(object sender, EventArgs e)
    		{
    			SubForm subForm = SubForm.GetInstance();
    			subForm.FormBorderStyle = FormBorderStyle.None;
    			subForm.TopLevel = false;
    			subForm.Parent = null;
    			subForm.Parent = panel1;
    			subForm.Dock = DockStyle.Fill;
    			subForm.Show();
    		}

            启动程序,便可以实现等比缩放,应该还有其它方法,但目前此方法已经能使用,暂未研究其它方法。

    展开全文
  • 微信小程序通过background-image设置背景: 只支持线上图片和base64图片,不支持本地图片; base64图片设置步骤如下: 1.在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本 2.在WXSS中...

    微信小程序通过background-image设置背景:

            只支持线上图片和base64图片,不支持本地图片;

    base64图片设置步骤如下:

            1.在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本

            2.在WXSS中使用以上文本:

                    background-image: url("data:image/png;base64,iVBORw0KGgo=...");

            3.为了是背景图片自适应宽高,可以做如下设置:

                       background-repeat:no-repeat;

                       background-size:100% 100%;

                      -moz-background-size:100% 100%;

    原文:https://blog.csdn.net/Cloud_Lion/article/details/80563192 

    https://blog.csdn.net/MYTLJP/article/details/88816625

    <!--index.wxml-->
    <!--图片宽大于屏幕宽-->
    <image style="width: {{imagewidth}}px; height: {{imageheight}}px;"  src="{{imagefirstsrc}}" bindload="imageLoad"></image>
    <!--图片高大于屏幕高-->
    <!--<image style="width: {{imagewidth}}px; height: {{imageheight}}px;"  src="{{imagesecondsrc}}" bindload="imageLoad"></image>-->
    <!--图片宽高大于屏幕宽高-->
    <!--<image style="width: {{imagewidth}}px; height: {{imageheight}}px;"  src="{{imagethirdsrc}}" bindload="imageLoad"></image>-->

     

    //index.js
    //获取应用实例
    var imageUtil = require('../../utils/util.js');
    var app = getApp()
    Page({
      data: {
        imagefirstsrc: 'http://bpic.588ku.com/back_pic/00/03/85/1656205138bbe2d.png',//图片链接
        imagesecondsrc: 'http://bpic.588ku.com/back_pic/04/07/63/28581203949ca9d.jpg!/fw/400/quality/90/unsharp/true/compress/true',//图片链接
        imagethirdsrc:'http://img1.gtimg.com/ent/pics/hv1/13/71/2061/134034643.jpg',
        imagewidth: 0,//缩放后的宽
        imageheight: 0,//缩放后的高
     
      },
      onLoad: function () {
      },
      imageLoad: function (e) {
        var imageSize = imageUtil.imageUtil(e)
        this.setData({
          imagewidth: imageSize.imageWidth,
          imageheight: imageSize.imageHeight
        })
      }
    })

     

    //util.js
    function imageUtil(e) {
      var imageSize = {};
      var originalWidth = e.detail.width;//图片原始宽
      var originalHeight = e.detail.height;//图片原始高
      var originalScale = originalHeight/originalWidth;//图片高宽比
      console.log('originalWidth: ' + originalWidth)
      console.log('originalHeight: ' + originalHeight)
      //获取屏幕宽高
      wx.getSystemInfo({
        success: function (res) {
          var windowWidth = res.windowWidth;
          var windowHeight = res.windowHeight;
          var windowscale = windowHeight/windowWidth;//屏幕高宽比
          console.log('windowWidth: ' + windowWidth)
          console.log('windowHeight: ' + windowHeight)
          if(originalScale < windowscale){//图片高宽比小于屏幕高宽比
            //图片缩放后的宽为屏幕宽
             imageSize.imageWidth = windowWidth;
             imageSize.imageHeight = (windowWidth * originalHeight) / originalWidth;
          }else{//图片高宽比大于屏幕高宽比
            //图片缩放后的高为屏幕高
             imageSize.imageHeight = windowHeight;
             imageSize.imageWidth = (windowHeight * originalWidth) / originalHeight;
          }
         
        }
      })
      console.log('缩放后的宽: ' + imageSize.imageWidth)
      console.log('缩放后的高: ' + imageSize.imageHeight)
      return imageSize;
    }
     
    module.exports = {
      imageUtil: imageUtil
    }

    展开全文
  • 图片在对话框程序中随着窗体大小的改变自动按自身大小等比例变化后并显示的演示程序,比较简单,对应http://blog.csdn.net/daiafei/article/details/7587103中提到的函数
  • 易语言组件按比例缩放模块源码 系统结构:添加需要按比例缩放的控件,刷新按比例缩放控件,取子控件信息,取父控件信息, ======程序集1 | | | |------ _启动子程序 | | | |------ _临时子程序 |
  • 早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于屏幕宽.我之前在做Android的时候也会遇到图片等比例缩放的问题.应该是用图片宽高比和屏幕宽高比做判断.做个笔记. 老规矩,先上图. 1....

    早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于屏幕宽.我之前在做Android的时候也会遇到图片等比例缩放的问题.应该是用图片宽高比和屏幕宽高比做判断.做个笔记.

    老规矩,先上图.

    1.图片高宽比小于屏幕高宽比



    2.图片高宽比大于屏幕高宽比



    3.这种其实也是图片高宽比小于屏幕高宽比,但是高宽都大于屏幕高宽.所以不能简单用高宽来判断,应该是用高宽比判断后做缩放.



    上代码:

    1.index.wxml

    <!--index.wxml-->
    <!--图片宽大于屏幕宽-->
    <image style="width: {{imagewidth}}px; height: {{imageheight}}px;"  src="{{imagefirstsrc}}" bindload="imageLoad"></image>
    <!--图片高大于屏幕高-->
    <!--<image style="width: {{imagewidth}}px; height: {{imageheight}}px;"  src="{{imagesecondsrc}}" bindload="imageLoad"></image>-->
    <!--图片宽高大于屏幕宽高-->
    <!--<image style="width: {{imagewidth}}px; height: {{imageheight}}px;"  src="{{imagethirdsrc}}" bindload="imageLoad"></image>-->

    2.index.js

    //index.js
    //获取应用实例
    var imageUtil = require('../../utils/util.js');
    var app = getApp()
    Page({
      data: {
        imagefirstsrc: 'http://bpic.588ku.com/back_pic/00/03/85/1656205138bbe2d.png',//图片链接
        imagesecondsrc: 'http://bpic.588ku.com/back_pic/04/07/63/28581203949ca9d.jpg!/fw/400/quality/90/unsharp/true/compress/true',//图片链接
        imagethirdsrc:'http://img1.gtimg.com/ent/pics/hv1/13/71/2061/134034643.jpg',
        imagewidth: 0,//缩放后的宽
        imageheight: 0,//缩放后的高
    
      },
      onLoad: function () {
      },
      imageLoad: function (e) {
        var imageSize = imageUtil.imageUtil(e)
        this.setData({
          imagewidth: imageSize.imageWidth,
          imageheight: imageSize.imageHeight
        })
      }
    })


    3.util.js

    //util.js
    function imageUtil(e) {
      var imageSize = {};
      var originalWidth = e.detail.width;//图片原始宽
      var originalHeight = e.detail.height;//图片原始高
      var originalScale = originalHeight/originalWidth;//图片高宽比
      console.log('originalWidth: ' + originalWidth)
      console.log('originalHeight: ' + originalHeight)
      //获取屏幕宽高
      wx.getSystemInfo({
        success: function (res) {
          var windowWidth = res.windowWidth;
          var windowHeight = res.windowHeight;
          var windowscale = windowHeight/windowWidth;//屏幕高宽比
          console.log('windowWidth: ' + windowWidth)
          console.log('windowHeight: ' + windowHeight)
          if(originalScale < windowscale){//图片高宽比小于屏幕高宽比
            //图片缩放后的宽为屏幕宽
             imageSize.imageWidth = windowWidth;
             imageSize.imageHeight = (windowWidth * originalHeight) / originalWidth;
          }else{//图片高宽比大于屏幕高宽比
            //图片缩放后的高为屏幕高
             imageSize.imageHeight = windowHeight;
             imageSize.imageWidth = (windowHeight * originalWidth) / originalHeight;
          }
         
        }
      })
      console.log('缩放后的宽: ' + imageSize.imageWidth)
      console.log('缩放后的高: ' + imageSize.imageHeight)
      return imageSize;
    }
    
    module.exports = {
      imageUtil: imageUtil
    }



    我的博客:http://blog.csdn.net/qq_31383345

    展开全文
  • 微信小程序开发之图片等比例缩放 获取屏幕尺寸图片尺寸 自适应.pdf
  • 微信小程序开发 图片等比例缩放

    千次阅读 2018-04-25 10:54:19
    imagewidth: 0,//缩放后的宽 imageheight: 0,//缩放后的高 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let url = options.img_url; this.setData({ 'img_url': url }) },...
  • 早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于屏幕宽.我之前在做Android的时候也会遇到图片等比例缩放的问题.应该是用图片宽高比和屏幕宽高比做判断.做个笔记. 老规矩,先上图. 1.图片...
  • 易语言组件按比例缩放模块源码例程程序调用API函数易语言组件按比例缩放功能。易语言组件按比例缩放模块源码是易语言API应用例程。 三叶编程网
  • 1、现在公共方法js文件里面common.js const Adapt = function (e) { let imageSize = {} //获取当前屏幕大小,注意:获取到的是px而非rpx wx.getSystemInfo({ success: function (res) { let ratio = res....
  • 在数控铣削程序的手工编制中,正确合理地使用比例缩放指令可以减少坐标点的计算量,缩短程序长度,提高编程效率。通过对数控铣削指令的研究和编程操作实践,总结出数控铣削手工编程中比例缩放指令的一些基本用法和高级...
  • VC++ 按比例缩放图片

    热门讨论 2013-01-11 09:02:54
    用VC++制作的图片缩放程序,初学者所做,算是学习C++一个半个月了的总结。
  • 图片按比例缩放函数

    2020-12-07 13:04:31
    –//图片按比例缩放var flag=false;function DrawImage(ImgD,iwidth,iheight){ //参数(图片,允许的宽度,允许的高度) var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ ...
  • 微信小程序图片等比例缩放 动态的获取图片的高度和宽度 动态的设置图片的高度和宽度  在小程序布局中,如果图片不是固定高度和高度,但image设置的是固定的高度和宽度,这时候原始图片相对image设置的固定高度和...
  • 不论图片大小宽度,jquery均可实现图片等比例大小缩放,程序自动设置等高或者等宽的比例缩放你所录入的图片
  • Image 缩放,按比例缩放

    2009-12-29 10:16:50
    VC++ 环境下自由缩放程序,有需要可以下载
  • C#控件窗体保持等比例缩放

    千次阅读 2018-09-18 11:41:38
    C#控件窗体保持等比例缩放 一般用户使用程序都喜欢最大化窗口,这样可以显示的更全面,但程序员在编辑程序界面时一般都是较小的窗口,这样最大化窗口时不能使各个控件均匀放大显示,所以需要一定技巧来实现控件的等...
  • * 按照显示图片的宽等比例缩放得到显示图片的高 * @params originalWidth 原始图片的宽 * @params originalHeight 原始图片的高 * @params imageWidth 显示图片的宽,如果不传就使用屏幕的宽 * 返回图片的宽高...
  • VB程序窗口调整 控件按比例缩放代码,非常有用,让程序最大化后不那么难看了
  • uniapp图片同比例缩放

    千次阅读 2020-01-06 15:54:12
    图片同比例缩放是经常用到的,刚开始设置了什么max-width、object-fit都不行,最后才知道uni.app里自带的mode属性可以解决这个问题,真是方便了很。 aspectFill:保持纵横比缩放图片,只保证图片的短边能完全显示...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 43,001
精华内容 17,200
关键字:

多程序比例缩放