标签: scaletransform

我正在使用WPF开发类似地图的应用程序.我有~10,000个PathGeometry,Shapes添加到画布上.我已经添加了ScaleTransform和TranslateTransform来进行缩放和平移控件.

我面临的问题是,当我缩放或平移时,会有轻微的延迟.有没有办法组织数据,以便我只处理可见的形状？

任何提高效率的提示都会有所帮助和赞赏.

我想让我的图像水平翻转4次,同时缩小图像.

我有以下代码用于翻转:

ObjectAnimator flipAnimation = ObjectAnimator.ofFloat(view, "rotationY", 0.0f, 1440f);
flipAnimation.setDuration(4000);
flipAnimation.start();

我在scale_down.xml中有以下代码用于缩小:

<scale
        android:duration="4000"
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.1"
        android:toYScale="0.1" >
    </scale>

但是,当我在eclipse中在模拟器上运行我的应用程序时,翻转图像显示出一种尴尬的效果.从图像中可以看出,有时在翻转时,一个垂直边比另一边长,产生拉伸效果,这不是我想要的.任何有助于消除这种影响？

我正在为Silverlight 3应用程序中的某些文档进行一种"打印预览"控件.我在ScrollViewer中有一个Canvas(用于显示文档),我有放大/缩小按钮,用于控制Canvas.RenderTransform属性的ScaleTransform的X和Y Scale属性.我希望ScrollViewer的滚动条在我"放大"时显示,以便画布在ScrollViewer区域中不再可见,但似乎它们只显示取决于画布本身的宽度/高度,无论如何是否放大.

有人可以帮忙吗？

我有一个带有图像的按钮,它的样式如下:

<ControlTemplate x:Key="IconButton" TargetType="Button">
            <Border>
                <ContentPresenter Height="80" Width="80" />
            </Border>
            <ControlTemplate.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <BeginStoryboard>
                        <Storyboard TargetProperty="Opacity">
                            <DoubleAnimation From="1" To="0.5" Duration="0:0:0.5" />
                            <DoubleAnimation From="0.5" To="1" Duration="0:0:0.5" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
                <EventTrigger RoutedEvent="Mouse.MouseEnter">
                    <BeginStoryboard>
                        <Storyboard TargetProperty="Width">
                            <DoubleAnimation From="80" To="95" Duration="0:0:0.2" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Cursor" Value="Hand"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

按钮如下:

            <Button Template="{StaticResource IconButton}" Name="btnExit">
                <Image Source="Images/Exit.png" />
            </Button>

问题是当鼠标移过时宽度不会改变.(或者至少 - 图像的宽度不...)

我相信我可以使用"缩放"变换来放大按钮及其所有内容？我怎么会这样做...？

谢谢.

我有以下代码

<Canvas Width="800" Height="600">
    ...
    <local:UpgradeLandDialog x:Name="upgradeDialog" Canvas.Left="250" Canvas.Top="200" HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0">
        <local:UpgradeLandDialog.LayoutTransform>
            <ScaleTransform ScaleX="0" ScaleY="0" CenterX="400" CenterY="300"/>
        </local:UpgradeLandDialog.LayoutTransform>
    </local:UpgradeLandDialog>
</Canvas>

在UserControl中,我将ScaleTranform设置为1.我希望UserControl从其中心"增长",但它从它的左上角"增长".CenterX和CenterY中的值不执行任何操作.我怎样才能让它按照我的要求进行缩放？

我正在使用transform: scale(0.666667); transform-origin: 25.7778% 0 0;css以便在我的项目中将页面适合任何类型的屏幕尺寸.之后我面对以下问题!当我双击输入电子邮件时出现在其他地方

我正在使用语音识别应用程序,我想在录制时让我的播放/停止按钮"脉冲".像这样的东西:

我试图制作一个ScaleAnimation,按钮增长,但当然,它会使所有按钮增长.

   public static ObjectAnimator pulseAnimation(ImageView target){

    ObjectAnimator scaleDown = ObjectAnimator.ofPropertyValuesHolder(target,
            PropertyValuesHolder.ofFloat("scaleX", 1.1f),
            PropertyValuesHolder.ofFloat("scaleY", 1.1f));
    scaleDown.setDuration(310);
    scaleDown.setRepeatCount(ObjectAnimator.INFINITE);
    scaleDown.setRepeatMode(ObjectAnimator.REVERSE);

    return scaleDown;
}

所以这个想法是实现类似的东西,但只是在实际按钮后面有一个alpha.我想知道是否可以使用alpha动画或其他东西在我的按钮后面添加第二个"Alpha Button"以使其增长并实现此效果.

我有一个自定义构建的控件,它是一个矩形,里面有一些细节,但它是一个矩形.

我有一个中心点(X,Y),我称之为"重心",它代表了这一点.这意味着当我为对象设置新位置时,我希望此点位于设置位置.当我旋转对象时,我需要它围绕这一点旋转.当我缩放对象时,该点必须保持在之前设置的位置.只有对象的大小必须改变.

例如,为了轻松了解问题,假设我有一个10X10的正方形.我将引力的中心设置在正方形的正中心:(5,5).然后我将对象位置设置为(100,100).然后,广场将在:

(95,95),(105,95),(105,105),(95,105),这意味着它的中心位于所需位置.

如果我使用值2缩放方形,则新的4个点位置将为:

(90,90),(110,90),(110,110),(90,110),这意味着它的中心将保持在所需位置.

如果我将它旋转45度,它将围绕其中心旋转位置:

(92.93,92.93),(107.07,92.93),(107.07,107.07),(92.93,107.07)

如何才能实现这一点,其中心完全可配置,所有这些转换为WPF中的程序透明？我只想设置比例,位置,旋转角度和中心以正确绘制.

谢谢!

我试图扩大css精灵像素艺术图像,并希望完全禁用抗锯齿/图像平滑.

根据这篇文章:缩放图像时禁用抗锯齿我尝试了以下css

image-rendering: optimizeSpeed;            
image-rendering: -moz-crisp-edges;         
image-rendering: -o-crisp-edges;           
image-rendering: -webkit-optimize-contrast; 
image-rendering: optimize-contrast;       
-ms-interpolation-mode: nearest-neighbor;   

它的工作方式与我想要的一样,但是在Chrome和IE浏览器中它有点帮助,但仍然会出现一些图像插值/平滑/抗锯齿.

我不想使用canvas元素,而只是坚持使用CSS背景图像sprite.

有没有办法在其他浏览器中实现与"-moz-crisp-edges"相同的结果？

如何按特定百分比或特定最终大小缩放整个元素和所有子元素？

我有一个<table>，并且我正在使用JavaScript模拟象形文字以计算div的宽度+一个重复的背景标签。我只想拥有此逻辑的一个版本，因此扩展父表将解决此问题。