标签: scale

相对于中心点的Android图像缩放动画

我有一个ImageView,我做了一个简单的比例动画.非常标准的代码.

我的scale_up.xml:

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:fromXScale="1"
           android:fromYScale="1"
           android:toXScale="1.2"
           android:toYScale="1.2"
           android:duration="175"/>
</set>
Run Code Online (Sandbox Code Playgroud)

我的动画代码:

Animation a = AnimationUtils.loadAnimation(this, R.anim.scale_up);
((ImageView) findViewById(R.id.circle_image)).startAnimation(a);
Run Code Online (Sandbox Code Playgroud)

问题:

当图像缩放时,它不会从中心缩放,而是从左上角缩放.换句话说,图像的缩放版本与中心不具有相同的点,但它具有相同的左上角点.这是一个解释我的意思的链接.第一个图像是动画如何缩放,第二个图像是我希望它如何缩放.它应该保持中心点相同.我已尝试在图像上设置重力,在容器上,左对齐或右对齐,它始终按比例缩放.我正在使用RelativeLayout作为主屏幕,ImageView位于另一个RelativeLayout,但我尝试了其他布局,没有改变.

android scale android-animation android-layout

80
推荐指数
4
解决办法
8万
查看次数

如何缩放UIButton的imageView?

我用图像创建了一个名为"button"的UIButton实例[UIButton setImage:forState:].button.frame大于图像的大小.

现在我想缩小此按钮的图像.我试图改变button.imageView.frame,button.imageView.boundsbutton.imageView.contentMode,但都显得无效.

任何人都可以帮助我缩放图像UIButton视图吗?

我创建了UIButton这样的:

UIButton *button = [[UIButton alloc] init];
[button setImage:image forState:UIControlStateNormal];
Run Code Online (Sandbox Code Playgroud)

我试图像这样缩放图像:

button.imageView.contentMode = UIViewContentModeScaleAspectFit;
button.imageView.bounds = CGRectMake(0, 0, 70, 70);
Run Code Online (Sandbox Code Playgroud)

还有这个:

button.imageView.contentMode = UIViewContentModeScaleAspectFit;
button.imageView.frame = CGRectMake(0, 0, 70, 70);
Run Code Online (Sandbox Code Playgroud)

scale uibutton ios

79
推荐指数
12
解决办法
9万
查看次数

如何设置webview的初始缩放/宽度

我试图让WebView具有与Android浏览器类似的行为.浏览器以试图使其宽度适合屏幕的方式打开所有页面.但是,WebView的默认行为是以100%像素比例开始,因此它会在左上角开始放大.

我花了最近几个小时试图找到一种方法让WebView将页面缩放到屏幕,就像在浏览器中一样,但我没有运气.有人找到了实现这个目标的方法吗?

我看到的是一个名为setLoadWithOverviewMode的设置,但它似乎根本没有做任何事情.我还尝试了setInitialScale,但是在不同的屏幕尺寸和网页尺寸上,它们不像浏览器缩放那样优雅.

任何人有任何线索?

谢谢

编辑:布莱恩的方法似乎适用于手机在风景但不是肖像.在肖像中,它很接近,但仍然不适合页面中的整个屏幕.我开始这个赏金,希望有一个确定的方法来获得初始缩放以使页面适合任何方向或屏幕大小的页面宽度.

android scale width webview android-webview

74
推荐指数
4
解决办法
10万
查看次数

按百分比缩放div的内容?

构建各种类型的CMS,用户可以在框中移动以构建页面布局(无论如何都是基本的想法).

我想从数据库中提取实际内容并构建"页面",但是它以50%的比例显示.

我意识到我可以拥有2套CSS - 一套用于实际的前置页面,一套用于管理工具,只是相应地收缩一切,但这似乎很难维护.

我希望可能有某种jquery或CSS或者什么东西可以让我填充div并给它50%规模的属性(?).

javascript css jquery scale

63
推荐指数
2
解决办法
9万
查看次数

WebKit:带有css scale + translate3d的模糊文本

我发现Chrome和其他WebKit浏览器大量模糊任何已应用translate3d的css缩放内容的问题.

这是一个JS小提琴:http://jsfiddle.net/5f6Wg/.(在Chrome中查看.)

.test {
  -webkit-transform: translate3d(0px, 100px, 0px);
}

.testInner
{
  /*-webkit-transform: scale(1.2);*/
  -webkit-transform: scale3d(1.2, 1.2, 1);
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="test">
  <div class="testInner">
    This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

有没有任何已知的解决方法?我在上面的简单示例中得到了这个,我可以简单地使用translate而不是translate3d - 这里的重点是将代码剥离到最基本的要素.

webkit blurry scale css3 translate3d

56
推荐指数
4
解决办法
9万
查看次数

BigDecimal,精度和规模

我在我的应用程序中使用BigDecimal作为我的数字,例如,使用JPA.我对"精确度"和"规模"这两个术语进行了一些研究,但我不明白它们究竟是什么.

任何人都能解释一下BigDecimal值的'precision'和'scale'的含义吗?

@Column(precision = 11, scale = 2)
Run Code Online (Sandbox Code Playgroud)

谢谢!

java precision jpa scale bigdecimal

55
推荐指数
3
解决办法
5万
查看次数

ConstraintLayout宽高比

考虑以下布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.constraint.ConstraintLayout
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FF0000"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin">

        <ImageView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="#0000FF"
            android:padding="16dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintDimensionRatio="H,3:1"
            tools:layout_editor_absoluteX="16dp" />

    </android.support.constraint.ConstraintLayout>

</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

我不确定app:layout_constraintDimensionRatio是如何工作的.我的理解是比例总是宽度:高度.因此3:1将始终使ImageView看起来比高度宽3倍.前缀H或W告诉ConstraintLayout哪个维度应该尊重比率.如果是H则表示首先根据其他约束计算宽度,然后根据纵横比调整高度.然而,这是布局的结果:

在此输入图像描述

高度是宽度的3倍,这是意料之外的.任何人都可以向我解释如何计算尺寸相对于app:layout_constraintDimensionRatio设置?

android scale aspect-ratio android-layout android-constraintlayout

55
推荐指数
3
解决办法
4万
查看次数

了解R中的`scale`

我试图理解scaleR提供的定义.我有数据(mydata),我想制作热图,并有一个非常强烈的积极倾斜.我已经创建了两个树形图热图scale(mydata)log(my data)和树状图是两种不同的.为什么?扩展我的数据意味着什么,而不是对数据进行日志转换?如果我想查看说明数据列之间关系的树形图,哪个更合适?

感谢您的任何帮助!我已经阅读了这些定义,但他们对我的看法很高兴.

r transformation scale heatmap

53
推荐指数
4
解决办法
11万
查看次数

缩放UIView及其所有子节点

我有一个大约有50个UIButton的UIView.所有按钮位置都以像素为单位,相对于我的主UIView的左上角.

视图中使用的所有(背景)图像都具有更高的分辨率.当我将我的应用程序从iPhone移植到iPad时,我想增加UIView的有效像素大小.

现在我正在寻找一种将整个UIView升级2倍的方法.这是否可能在不破坏内部元素的位置的情况下?

仅供参考,UIView是在XCode中的NIB文件中设计的.但是我不介意它是否可以通过编程方式完成.

objective-c scale subview uiview ios

51
推荐指数
3
解决办法
5万
查看次数

缩放比例 在CSS3中缩放

我正在寻找一些我从未使用过的css属性,并了解zoomcss3的属性

  • 它们之间有什么相似之处和区别?

  • 何时使用Zoom和缩放?两者的工作差不多.

  • 哪个更有效使用,为什么?

我注意到了什么?

  • 两者都缩放对象但是默认变换原点用于缩放它的中心和缩放它的左上角我认为;

  • 当我们在悬停时使用它们进行缩放时,缩放将缩放并再次缩小到原始维度,而缩放只会在悬停时缩小. - >> jsfiddle显示悬停效果**

*
{
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

box, box2
{
    display: inline-block;
    width: 100px;
    height: 100px;
    
    margin: 20px;
}

box
{
    background: #b00;
}

box:hover
{
    zoom: 1.1;
}

box2
{
    background: #00b;
}

box2:hover
{
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
Run Code Online (Sandbox Code Playgroud)
<box></box>
<box2></box2>
Run Code Online (Sandbox Code Playgroud)


一些Stackoverflow QA

div {
  display: inline-block;
  height: 50px; …
Run Code Online (Sandbox Code Playgroud)

css dom zoom scale

50
推荐指数
2
解决办法
7万
查看次数