标签: scale

我有一个自定义的 SwipeRefreshLayout，其中有一个自定义的 GridView。我想根据捏合/缩放手势更改 GridView 的列号。我已经成功实施了。问题是，尺度太敏感了。

例如，我的列号为 3-5。缩放到 3 或 5 很容易，但要缩放到 4 就很难了，因为缩放本身太敏感了。

这是我的自定义 SwipeRefreshLayout 类

/**
 * This class contains fix from http://stackoverflow.com/questions/23989910/horizontalscrollview-inside-swiperefreshlayout
 */
public class CustomSwipeRefreshLayout extends SwipeRefreshLayout {

    private int mTouchSlop;
    private float mPrevX;
    private ScaleGestureDetector mScaleGestureDetector;
    private ScaleListener mScaleListener;

    public CustomSwipeRefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
    }

    public void setScaleListener(Context context, ScaleListener scaleListener) {
        this.mScaleListener = scaleListener;
        mScaleGestureDetector = new ScaleGestureDetector(context, new MyOnScaleGestureListener());
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        if (mScaleGestureDetector …

我希望我的图像在任何设备上都看起来不错。在我的主页上，我使用 ContentViews 插件列出最新发布的文章。在插件的设置中，我可以将缩略图设置为不同的大小。

目前我将其设置为中等（300x300），但是当我查看该网站时，缩略图的形状不同。所以我设置了一个自定义CSS：

宽度：300px；高度：270 像素；

现在图像大小相同，但其中一些看起来很糟糕。是否有 CSS 代码可以以某种方式缩放任何尺寸的图像，使它们看起来不会被拉伸？所以我不需要在 PS 中手动编辑它们，例如？

我的网站： http: //slovosalanov.sk/test/

我已经用 python 3.6 编写了一个应用程序，想要运行一个命令来查看 Windows 10 或 8 中显示器的当前缩放比例 - 类似于以下返回屏幕分辨率的方式：

user32 = ctypes.windll.user32
screensize_l = user32.GetSystemMetrics(0)
screensize_w = user32.GetSystemMetrics(1)

我知道执行此操作的最简单方法可能是让我的应用程序了解 DPI，但这样做会在我的应用程序中导致许多其他问题 - 因此我想避免此选项。

我查看了 Windows 文档，认为“GetDpiForMonitor”或“GetScaleFactorForMonitor”可能是我正在寻找的，但不知道如何实现这些命令。

我已经使用了 win32api 和 ctypes，所以任何依赖于其中任何一个的东西都可以 - 任何帮助将不胜感激！

我在 tikz 的乳胶中有一个条形图，我想缩放它（减少宽度，增加长度），但文本没有相同的效果。

\begin{figure}
\centering
\resizebox{0.8\textwidth}{1.3\textwidth}{
\begin{tikzpicture}
\pgfplotsset{every tick label/.append style={font=\tiny}}
\begin{axis}[ xmajorgrids=true,
xbar, xmin=0,
xlabel={Gini Coefficient, OECD Countries \%},
symbolic y coords={{Australia},{Austria},{Belgium},{Canada},{Chile},{Costa Rica},{Czech Republic},{Denmark},{Estonia},{Finland},{France},{Germany},{Greece},{Hungary},{Iceland},{Ireland},{Israel},{Italy},{Japan},{Korea},{Latvia},{Lithuania},{Luxembourg},{Mexico},{Netherlands},{New Zealand},{Norway},{Poland},{Portugal},{Slovak Republic},{Slovenia},{South Africa},{Spain},{Sweden},{Switzerland},{Turkey},{United Kingdom},{United States}},
ytick=data,
nodes near coords, nodes near coords align={horizontal},
ytick=data,
]
\addplot[fill=blue!90,draw=black!70,tickwidth = 0pt,bar width=4pt,label style={font=\small}, tick label style={font=\small}] coordinates {(0.33,{Australia}) (0.284,{Austria}) (0.266,{Belgium}) (0.307,{Canada}) (0.454,{Chile}) (0.48,{Costa Rica}) (0.253,{Czech Republic}) (0.263,{Denmark}) (0.314,{Estonia}) (0.266,{Finland}) (0.291,{France}) (0.294,{Germany}) (0.333,{Greece}) (0.288,{Hungary}) (0.255,{Iceland}) (0.297,{Ireland}) (0.344,{Israel}) (0.328,{Italy}) (0.339,{Japan}) (0.355,{Korea}) (0.346,{Latvia}) (0.378,{Lithuania}) (0.304,{Luxembourg}) (0.458,{Mexico}) (0.285,{Netherlands}) (0.349,{New Zealand}) (0.262,{Norway}) (0.284,{Poland}) …

我设法让鼠标拖动来滚动div，但是用鼠标放大/缩小不完整。

它有效，但我希望鼠标指针将图像保持在该位置并同时缩放它，如下所示：

我需要使用scrollBy()在缩放之前将滚动返回到上一点。有人知道该怎么做吗？

这是某人制作的小提琴https://jsfiddle.net/xta2ccdt/13/，它正是我所需要的，但代码使用的东西translate()和其他不适用这里的东西，因为我也有滚动/拖动。

这是我的 jsfiddle 代码https://jsfiddle.net/catalinu/1f6e0jna/

这是 stackoverflow 中的代码：

请帮忙。我为此苦苦挣扎了好几天。

for (const divMain of document.getElementsByClassName('main')) {
  // drag the section
  for (const divSection of divMain.getElementsByClassName('section')) {
  	// when mouse is pressed store the current mouse x,y
    let previousX, previousY
    divSection.addEventListener('mousedown', (event) => {
      previousX = event.pageX
      previousY = event.pageY
    })
    
    // when mouse is moved, scrollBy() the mouse movement x,y
    divSection.addEventListener('mousemove', (event) => {
    	// only do this when the primary mouse …

在ListView行的内部,我有一个框(现在它是一个imageview,但我可能会在某个时候将它转换为线性或相对布局对象).当你点击该框时,我开始一个缩放动画,使它看起来增长.但是,一旦动画结束,该框立即返回其原始状态.我想让盒子保持在变形的尺寸(至少直到它们再次点击它).

这是xml:

<scale
    android:fromXScale="1" android:toXScale="5"
    android:fromYScale="1" android:toYScale="1"
    android:pivotX="100%" android:pivotY="0%" android:fillAfter="true"
    android:duration="600" />

我有一个带有多点触控的imageView,大致基于本教程.其中一位评论者将图像拖动限制在图像边界的半脏方法放在一起,这样图像边缘就不会被拖到边缘之外.这种方法有效,但不完全.它只限制两条边的拖动.

有没有人知道一个不那么混乱和实际功能的方法来限制图像拖动？

这是Android应用程序开发的一个非常重要的概念,没有得到充分解决....

我在考虑以下想法:

1)当zoom = 1.0F(即最小缩放)时setScaleType(scaleType.fitXY),并且只有在zoom> 1.0f时才启用拖动

2)当缩放> 1.0f,setScaleType(scaleType.MATRIX),然后你确定图像边界和屏幕尺寸,并且在某种程度上对我来说太聪明了,使用if语句你只允许在图像边缘没有打开时拖动屏幕.我不知道如何宣布,是的.

无论如何,为了完整性,这里是该链接的限制泛码.这似乎是stackoverflow上最受欢迎的建议,但我认为我们可以做得更好:

// limit pan
matrix.getValues(matrixValues);
float currentY = matrixValues[Matrix.MTRANS_Y];
float currentX = matrixValues[Matrix.MTRANS_X];
float currentScale = matrixValues[Matrix.MSCALE_X];
float currentHeight = height * currentScale;
float currentWidth = width * currentScale;
float dx = event.getX() - start.x;
float dy = event.getY() - start.y;
float newX = currentX+dx;
float newY = currentY+dy; 

RectF drawingRect = new RectF(newX, newY, newX+currentWidth, newY+currentHeight);
float diffUp = Math.min(viewRect.bottom-drawingRect.bottom, viewRect.top-drawingRect.top);
float diffDown = Math.max(viewRect.bottom-drawingRect.bottom, viewRect.top-drawingRect.top);
float …

如何阻止此div将所有元素移动到您选择特定价格的位置？

要查看我在说什么,请查看以下链接:检查下面的价格表样式3 ,您可以看到当您选择某个价格表时,由于弹出窗口,下面的所有元素都在移动.我希望能够使用此功能,但当然不会移动下面的所有元素.

我怎样才能做到这一点？

这是Javascript:JS的链接

编辑:

我发布了相关的HTML:

<!-- DC Pricing Tables:3 Start -->
  <div class="tsc_pricingtable03 tsc_pt3_style1">
    <div class="caption_column">
      <ul>
        <li class="header_row_1 align_center radius5_topleft"></li>
        <li class="header_row_2">
          <h2 class="caption">Choose plan</h2>
        </li>
        <li class="row_style_4"><span>Web Space</span></li>
        <li class="row_style_2"><span>Bandwidth</span></li>
        <li class="row_style_4"><span>E-mail accounts</span></li>
        <li class="row_style_2"><span>MySQL databases</span></li>
        <li class="row_style_4"><span><a href="#" class="tooltip" rel="Web-based control panel system">CPANEL</a></span></li>
        <li class="row_style_2"><span><a href="#" class="tooltip" rel="24/7 Support via Phone, Email, Web.">24/7 Support</a></span></li>
        <li class="footer_row"></li>
      </ul>
    </div>
    <div class="column_1">
      <ul>
        <li class="header_row_1 align_center">
          <h2 class="col1">starter</h2>
        </li>
        <li class="header_row_2 align_center">
          <h1 class="col1">$<span>5</span></h1> …

说我有这样的形状:

我想把它缩小到这个:

如何计算点(红色圆圈)的位置？

我在Safari上有缩放变换效果和溢出的问题.当我在div内容上使用此效果时,溢出不适用于圆形容器.

我的代码:

  .container{
    width:100px;
    height:100px;
    border-radius: 50%;
    background:none;
    z-index:100;

    box-shadow: 
    inset 0 0 0 6px rgba(255,255,255,0.6),
    0 1px 2px rgba(0,0,0,0.1);
    overflow:hidden;

    -webkit-transition:all .9s ease-in-out; // Chrome Safari
           -moz-transition:all.9s ease-in-out;       // Mozilla
             -o-transition:all.9s ease-in-out;           // Opéra
            -ms-transition:all .9s ease-in-out;         // IE
                transition:all.9s ease-in-out;              
    }

   .container:hover .scaler
     {
    -webkit-transform: rotate(380deg) scale(11);
       -moz-transform: rotate(380deg) scale(11);
         -o-transform: rotate(380deg) scale(11);
            transform: rotate(380deg) scale(11);

              filter: alpha(opacity=0);
              opacity: 0;       
            width:100px;
            height:100px;
            border-radius: 50%;
       }

  .scaler{ 
    width:100px;
    height:100px;
    font-size:36px;
    border-radius: 50%;
    z-index:-999;
    line-height:100px;
    vertical-align:middle;
    text-align:center;
    background:#0066FF;
    color:#CCCCCC;

    -webkit-transition:all …