精华内容
下载资源
问答
  • html5响应式图片布局自适应浏览器大小图片布局
  • DIV CSS布局中css图片大小设置技巧

    万次阅读 2018-04-18 12:37:17
    DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定死图片大小(宽度 高度),这个时候如果图片相对于这个位置不是等比例大小,那么这张图片...

    DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定死图片大小(宽度 高度),这个时候如果图片相对于这个位置不是等比例大小,那么这张图片就会变形,让图片变的不清晰,这个时候想让图片不变形又按比例缩放,如何解决?我的个人解决方法如下两种:

    html代码如下:

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>div中放置图片</title>
        <link rel="stylesheet" href="liu.css"/>
    </head>
    <body>
    <div class="center">
        <img src="./image/1.jpg"rel=""/>
    </div>
    </body>
    </html>
    css代码如下:

    *{
        margin: 0;
        padding: 0;
    }
    /*方法一*/
    .center{
        width: 500px;
        height: 300px;
        background: pink;
        /*实现div里的图片水平垂直居中*/
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .center>img{
        /*1,图片过大1024*1024,让图片和布局高度宽度等比例缩放*/
        width: 300px;
        height: 180px;
    }


    /*方法二*/
    .center{
        overflow: hidden;
        width: 500px;
        height: 300px;
        background: pink;
        /*实现div里的图片水平垂直居中*/
       display: table-cell;
       text-align: center;
       vertical-align: middle;
    }
    .center>img{
        max-width: 200px/*
        2,使用max-width,如果图片高度过高会超出溢出盒子,这时需要给父级使用 overflow: hidden。
        注:解决IE6使用使用max-width或 max-height:因为IE6不支持,我们需要设置
        width:expression(this.width>500px?"300px":this.width)
        或width:expression(this.width>500px?"300px":this.width)
        max-width: 500px;
        _width:expression(this.width>500?"500px":this.width)*/
    }

    CSS DIV图片缩小不变形总结:最好解决方法就是从图片本身出发,将图片设计成与布局中宽度高度成等比例图片,才能保证真正图片缩小后不变形,显示完整。

    展开全文
  • android Webview加载本地图片,自适应布局大小
  • 今天在写代码的时候写了这样的一个布局,但是发现结果不是我想要的布局代码: &lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;LinearLayout xmlns:android="...

    今天在写代码的时候写了这样的一个布局,但是发现结果不是我想要的

    布局代码:

     

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_gravity="center_horizontal"
        android:gravity="center_horizontal">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/house"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/kaisuoma"/>
        <TextView
            android:id="@+id/kaisuoma"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="0222"
            android:textSize="60dp"
           />
    </LinearLayout>

     

    这个布局本来是上面一张图片,下面两行文字的,但是运行结果却变成了这个样子

     

     

    后来找到了更改方法,就是在ImageView中添加android:adjustViewBounds属性ImageView的android:adjustViewBounds属性为是否保持原图的长宽比

    更改后的代码
    <ImageView
        android:adjustViewBounds="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/house"/>

     

    结果就好了(界面有点丑,大家不要介意

    end 

    
    
    展开全文
  • RadioButton设置图片大小

    千次阅读 2018-03-14 18:17:41
    随便导入了几张图片,本来图片很大,想着xml里面能不能设置,以前项目中UI给的图刚好合适,也就没有注意,结果发现xml里面无法设置图片大小,文字直接被挤掉了。很郁闷啊,搞了半天,查源码,百度,最后发现,xml...
        前几天写demo,底部是一个RadioGroup+RadioButton的导航按钮,文字在下面,图片在上面。随便导入了几张图片,本来图片很大,想着xml里面能不能设置,以前项目中UI给的图刚好合适,也就没有注意,结果发现xml里面无法设置图片的大小,文字直接被挤掉了。很郁闷啊,搞了半天,查源码,百度,最后发现,xml里面根本不能修改图片的大小。倒是总结了两种可行的方法,供大家参考。

    第一种:在代码中修改。
    第一步:设置布局,找到RadioButton控件
    setContentView(R.layout.activity_main);
    RadioButton  rb=(RadioButton)findViewById(R.id.rb);
    第二步:找到你要设置大小的图片资源
    Drawable drawable = getResources().getDrawable(R.drawable.img_rb);//找到图片
    drawable.setBounds(0, 0, 60, 60);//最关键的一步,给图片设置大小,4个参数分别是左上右下,我看好多人对这个左上右下不理解,看下源码
    rb.setCompoundDrawables(null, drawable, null, null);

    ++++++++++++++++++++++源码++++++++++++++++++++++++++++++++++++++++++++++++++
    /**
    * Specify a bounding rectangle for the Drawable. This is where the drawable
    * will draw when its draw() method is called.
    * 这句话的意思是说:指定一个可拉边界的矩形。
    * ok,就是说给图片一个矩形,起始大小都为0,我们分别指定图片右边、图片下边距离矩形左边和上边的大小,这不就是图片的大小了嘛
    */
    public void setBounds(int left, int top, int right, int bottom) {
        Rect oldBounds = mBounds;
        if (oldBounds == ZERO_BOUNDS_RECT) {
            oldBounds = mBounds = new Rect();
        }
        if (oldBounds.left != left || oldBounds.top != top ||
                oldBounds.right != right || oldBounds.bottom != bottom) {
            if (!oldBounds.isEmpty()) {
                // first invalidate the previous bounds
                invalidateSelf();
            }
            mBounds.set(left, top, right, bottom);
            onBoundsChange(mBounds);
        }
    }
    ++++++++++++++++++++++++源码++++++++++++++++++++++++++++++++++++++++++++++++

    第二种:自定义一个MyRadioButton。原理跟第一种是一样的,直接上代码吧。
    第一步:在attrs文件夹下面定义一个图片引用的属性
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="MyRadioButton">
            <attr name="drawableTop" format="reference" />
        </declare-styleable>
    </resources>

    第二步:定义一个MyRadioButton类,继承原生的RadioButton
    public class MyRadioButton extends RadioButton {
        private Drawable drawable;
        public MyRadioButton(Context context) {
            super(context);
        }

        public MyRadioButton(Context context, AttributeSet attrs) {
            super(context, attrs);
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyRadioButton);//获取我们定义的属性
            drawable = typedArray.getDrawable(R.styleable.MyRadioButton_drawableTop);
            drawable.setBounds(0, 0, 60, 60);
            setCompoundDrawables(null, drawable, null, null);
        }
    }
    第三步:xml中使用它:
    <com.myapp.view.MyRadioButton
         android:id="@+id/rb1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:layout_weight="1"
         android:button="@null"
         android:gravity="center"
         android:text="哈哈1"
         attr:drawableTop="@drawable/单个图片或者选择器图片" />
    <com.myapp.view.MyRadioButton
         android:id="@+id/rb2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:layout_weight="1"
         android:button="@null"
         android:gravity="center"
         android:text="哈哈2"
         attr:drawableTop="@drawable/-----" />
    <com.myapp.view.MyRadioButton
         android:id="@+id/rb3"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:layout_weight="1"
         android:button="@null"
         android:gravity="center"
         android:text="哈哈3"
         attr:drawableTop="@drawable/----" />
    运行:完美!

    需要主意的是:要是在RadioGroup中默认选中第几个,但是点击后不互斥,这是因为没有给RadioButton写id。

    展开全文
  • drawableLeft或drawableRight设置图片大小在drawableLeft在布局里面是设置不了的因为没有这个参数一定要在activity里面设置 &lt;View android:layout_width="match_parent" android:layout_height...

    drawableLeft或drawableRight设置图片的大小

    在drawableLeft在布局里面是设置不了的因为没有这个参数一定要在activity里面设置

     <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
    			android:drawableLeft="@drawable/图片名"
                android:layout_below="@id/news_title_menuId"
                android:background="@android:color/black"></View>
    		TextView sendText = findViewById(R.id.sendText);//初始化文本
    		
            Drawable left=getResources().getDrawable(R.drawable.图片名);
            left.setBounds(0,0,50,50);//必须设置图片的大小否则没有作用
            sendText.setCompoundDrawables(left,null ,null,null);//设置图片left这里如果是右边就放到第二个参数里面依次对应
    		
    		


    展开全文
  • jpanel.setsize。。。这个为什么不生效?... 绝对布局除外![图片](https://img-ask.csdn.net/upload/201510/16/1444967477_817488.jpg)![图片](https://img-ask.csdn.net/upload/201510/16/1444967606_147749.jpg)
  • 网格大小图切换是一款网格的缩略图展示,鼠标点击缩略图自动切换成大图,再次点击大图显示网格缩略图布局
  • Android ListView 的布局图标大小设置

    千次阅读 2012-11-28 12:15:16
    List View Icons IN THIS DOCUMENT All Android Versions StructureLight, effects, and shadows SEE ALSO Supporting Multiple Screens New Guides for App Designers! Check out
  • 在DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定死图片大小(宽度 高度),这个时候如果图片相对于这个位置不是等比例大小,那么这张图片...
  • 1.首先选择一张图片,点击格式菜单,找到大小模块的下角标,点击弹出布局大小设置。 2.然后将缩放部分的锁定纵横比以及相对原始图片大小的勾选去掉,此处可以按照需求调节高德以及宽度的值,点击确定按钮。 ...
  • 简介:卡片布局,可设置阴影颜色,透明度,圆角大小,阴影宽度 更多:作者 提 Bug  标签:   卡片布局,可设置阴影颜色,透明度,圆角大小,阴影宽度。 gradle 中的引用: gradle: dependencies { ...
  • 调整布局 点击DataGridView右上角的小三角弹出【DataGridView任务】,依次点击【编辑列…】、【选定的列】,然后在【外观】的【ImageLayout】中选择【Zoom】,可显示图片全图。 调整行高 点击DataGridView,选择...
  • TextView 在xml 中设置图片大小

    千次阅读 2019-05-30 18:39:48
    TextView xml中只能设置图片的位置,但是不能再xml中设置图片大小 android:drawableStart="@drawable/pic" 在代码中可以啊对textview 的图片进行设置,主要代码如下: //设置图片的上下左右的位置,也就是宽高 ...
  • QT设置centralWidget布局

    2018-10-11 10:05:00
    设置之前是这样的,这时候即使设置了控件的布局,实际上控件大小还是不会跟这变,因为centralWidget没有设置布局。 需要在没有控件的空白区域,点击右键在布局中选择一种布局布局后, centralWidget有...
  • ViewPager 中设置图片大小不起作用

    千次阅读 2015-07-31 10:58:47
    于是想到viewpger:将viewpager填充整个屏幕,但是将图片设置成想要的大小,这样效果就实现了。于是在代码中设置了viewpager的子元素imageview。 ImageView iv = new ImageView(this); iv.setScaleType(Image
  • 原文地址:http://www.divcss5.com/wenji/w632.shtmlDIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定死图片大小(宽度 高度),这个时候如果...
  • 动态设置Button图片大小

    千次阅读 2016-10-13 20:52:37
    动态设置Button大小及点击事件: 在布局中写下这段代码:新创建一个class 名字叫MyRadioButton 继承RdioButton package duan.com.homework.helper; import android.content.Context; import android.content.res....
  • Android代码中动态设置图片大小(自动缩放),位置
  • 基础的 GridView 布局 参数 说明 gridDelegate 对子元素进行修饰,由于SliverGridDelegate 是一个抽象类, 找它的实现类有 【SliverGridDelegateWithFixedCrossAxisCount,...
  • html 中图片自适应大小设置

    千次阅读 2020-03-16 16:32:07
    图片设置固定大小(当然width和height至少大于200px的情况下)个人觉得就很影响响应式布局了,可能会使移动端局部发生错乱,所以图片在一个div中自适应大小,个人还是觉得挺重要的。 CSS: img{ max-width:100%; max-...
  • rem是指根元素(root element,html)的字体大小,从遥远的 IE6 到 Chrome 他们都约好了,根元素默认的 font-size 都是 16px。 这样一个新的单位兼容性如何呢?   IE9+,Firefox、Chrome、Safari、Opera...
  • 有时我们需要在应用中动态改变图片或某一块布局大小。这就不能用XML文件写成固定值,而需要在java代码中动态设置。 网上有一些教程使用relativeView.setLayoutParams(new RelativeLayout.LayoutParams(100,200));...
  • TextView drawableLeft 大小设置
  • 设置Android中RadioButton的图片大小和位置今天在使用RadioGroup时遇到一个问题,在布局文件中设置好RadioGroup后结果预览起来图片非常大,这根本不是我想要的效果。下面是解决问题的过程: 布局文件 android:id...
  • 给对话框窗口设置一个布局,以后窗口靠这个布局管理 给对话框窗口设置QSizePolicy为Expanding 窗口内包含的控件都设置QSizePolicy::Expanding属性,或自定义控件覆盖resizeEvent来保持自定义控件动态填满父布局。...
  • 今天又有一个需求,就是在线性布局中添加一张图片,并且这张图片不能是拉伸的,想了一下,如果是直接给LinearLayout添加背景图片的时候,若图片大小小于背景的大小图片肯定会被拉伸的,所以这个方案肯定是不行,...
  • 动态设置view或布局的宽高

    万次阅读 2017-11-10 09:47:19
    代码中动态设置view或...有时我们需要在应用中动态改变图片或某一块布局大小。这就不能用XML文件写成固定值,而需要在java代码中动态设置。效果如下:   网上有一些教程使用relativeView.setLayoutParams(new Rel
  • 纯CSS实现左右拖拽改变布局大小

    千次阅读 2019-07-07 11:12:06
    转自:https://blog.csdn.net/github_35631540/article/details/92063430 在线效果:https://www.zhangxinxu.com/study/201903/css-idea/behavior-stretch.php?aside=0 示例: <!DOCTYPE html>...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 159,145
精华内容 63,658
关键字:

如何设置图片布局大小