标签: transform

将变换转换为 RectTransform

在我的 Unity 项目中,我通过脚本动态创建对象。

var btnExit = new GameObject("Player " + ID + "'s Exit Button");
btnExit.transform.SetParent(UI.transform);
Run Code Online (Sandbox Code Playgroud)

我需要设置对象的锚点和枢轴。我应该能够使用它的 RectTransform 组件来做到这一点,就像我在场景编辑器中创建对象时所做的那样。

myRectTransform.anchorMin = new Vector2(1, 0);
myRectTransform.anchorMax = new Vector2(0, 1);
myRectTransform.pivot = new Vector2(0.5f, 0.5f);
Run Code Online (Sandbox Code Playgroud)

但是对象的变换组件不是 RectTransform,只是普通的 Transform。所以我不能将它转换为使用我需要的那些属性。

RectTransform myRectTransform = (RectTransform)btnExit.transform;
Run Code Online (Sandbox Code Playgroud)

那么如何在我通过脚本而不是在场景编辑器中初始化的对象上正确使用 RectTransform 类的功能呢?

c# transform unity-game-engine

5
推荐指数
2
解决办法
1万
查看次数

transform() 或 override() 或 centerCrop() 不适用于 glide Android

这个应用程序目前可以完美地获取和显示图像,但是当我尝试添加其他方法以在 ImageListAdapter 类中滑动时,例如override()orcenterCrop()transform()or placeholder(),它不起作用。我的意思是它甚至不允许我添加这些,它以红色显示并且没有类似的建议,但是许多教程建议使用这些方法来修改大小,为什么它不起作用。难道我做错了什么?

主活动.java

package com.example.imnobody.photosearch;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.ListView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

         String[] eatFoodyImages = {
                "http://i.imgur.com/rFLNqWI.jpg",
                "http://i.imgur.com/C9pBVt7.jpg",
                "http://i.imgur.com/rT5vXE1.jpg",
                "http://i.imgur.com/aIy5R2k.jpg",
                "http://i.imgur.com/MoJs9pT.jpg",
                "http://i.imgur.com/S963yEM.jpg",
                "http://i.imgur.com/rLR2cyc.jpg",
                "http://i.imgur.com/SEPdUIx.jpg",
                "http://i.imgur.com/aC9OjaM.jpg",
                "http://i.imgur.com/76Jfv9b.jpg",
                "http://i.imgur.com/fUX7EIB.jpg",
                "http://i.imgur.com/syELajx.jpg",
                "http://i.imgur.com/COzBnru.jpg",
                "http://i.imgur.com/Z3QjilA.jpg",
        };

        GridView gridView = (GridView) findViewById(R.id.gridview);

        ImageListAdapter imageListAdapter = new ImageListAdapter(MainActivity.this,eatFoodyImages);

        gridView.setAdapter(imageListAdapter);

    }
}
Run Code Online (Sandbox Code Playgroud)

图像列表适配器.java

package com.example.imnobody.photosearch;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import …
Run Code Online (Sandbox Code Playgroud)

android transform image-resizing android-glide

5
推荐指数
0
解决办法
1435
查看次数

变换:使用视口单位缩放

我想使用一个 transform: scale 我的宽度变成 80vw 并且我的高度是自动的。所以这就是我想要的 = transform: scale(80vw, auto);。不幸的是,这不起作用。有没有另一种方法可以获得这种效果。最好不使用javascript。

css transform viewport-units

5
推荐指数
1
解决办法
1946
查看次数

Leaflet自定义图标标记旋转角度,transform风格冲突

我用以下演示重现了这个问题:http : //jsfiddle.net/baoqger/deL0yuvg/9/

在我的项目中,我有一个自定义图标标记,我想在某些情况下旋转图标。

我在创建图标时添加了一个 claasname:

const uturnIcon = L.icon({
  iconUrl: 'http://joshuafrazier.info/images/firefox.svg',
  iconSize: [30, 30],
  className: 'u-turn-icon'
})
Run Code Online (Sandbox Code Playgroud)

并为该类添加 css 样式,如下所示:

.u-turn-icon {
  transform: rotate(20deg) !important
}
Run Code Online (Sandbox Code Playgroud)

问题是默认情况下,图标img有一个style属性transform: translate3d,所以默认的transform和我添加的transform样式有冲突。并且默认的变换样式是由传单本身创建的,当我们缩放地图时,该属性的值也会更新。

那么如何解决这个问题呢?

icons transform marker leaflet

5
推荐指数
1
解决办法
3389
查看次数

SVG 多重变换 - 旋转然后水平平移

使用 SVG,我尝试将其旋转 30 度,然后水平平移 100 度。问题是,当我旋转坐标系时,它会旋转,因此当我尝试平移时,我将沿着旋转的 x 平移对象- 轴现在与水平面成 30 度。

有什么办法可以让旋转后水平平移吗?

<g transform="rotate(30 50 50) translate(100 0)">
   <rect x="0" y="0" fill="blue" width="100" height="100" />
</g>
Run Code Online (Sandbox Code Playgroud)

我想创建用于旋转和平移上、下、左、右的控制按钮。这些将创建一个字符串,该字符串将使用数据绑定到 svg 的转换属性,从而按顺序转换对象。但平移需要相对于视口,而不是对象的旋转方式。

我使用 vue.js 框架进行数据绑定。

我也不想使用css。

谢谢,

svg transform rotation translate

5
推荐指数
1
解决办法
2540
查看次数

如何将字母放置在子图的角落,包括轴标签(不是轴的角落)

我想用左上角的字母(A,B,C,...)来标记子图,这些字母要么与 ylabels 对齐,要么与子图的实际角(而不是轴)对齐。

如果子图的宽度不同,我不能再使用轴变换坐标中带有偏移的文本,因为这会导致每个子图的距离不同。所以我通常使用偏移变换。但如果 ylabel 具有不同的宽度,这将不再起作用。我目前还关注每个图的偏移量,但这还不够好。

这是我到目前为止所拥有的:

import matplotlib.pyplot as plt
from matplotlib import transforms
import numpy as np

fig = plt.figure(figsize=(5, 2), constrained_layout=True)
gs = fig.add_gridspec(1, 3, width_ratios=[1, 2, 3])
axes = [fig.add_subplot(gs[i]) for i in range(3)]

ylabels = ["flat label", "bigger\nlabel", "even\nbigger\nlabel"]
labels = ["A", "B", "C"]

scaledtrans = transforms.ScaledTranslation(-0.4, 0, fig.dpi_scale_trans)

for ax, ylabel, label in zip(axes, ylabels, labels):
    ax.set_ylabel(ylabel)
    ax.text(0, 1, label, fontsize=12, fontweight="bold", va="bottom", ha="left",
           transform=ax.transAxes + scaledtrans)
Run Code Online (Sandbox Code Playgroud)

如下图所示,标签与轴脊的距离相同,但我希望它们与 ylabel 的左边缘或子图的角对齐,在这种情况下,它们与 ylabel 水平重合。但没有 transSubplot,只有 transAxes …

python text transform matplotlib subplot

5
推荐指数
1
解决办法
2690
查看次数

Css 将 div 旋转 180 度

我有一个矩形 div,我想在某些情况下旋转 180 度。

我正在使用 css 变换属性来旋转 div。

这在 chrome 上效果很好,但在边缘发生的情况是 div 超出了它的容器 div。我希望 div 本身处于其原始位置,但旋转了 180 度。

.container {
  display: flex, flex-direction: row, align-items: center, justify-content: flex-end, writing-mode: vertical-lr width:100px, height:100px, border: solid red 1px;
}

.rotate {
    transform: rotate(180deg); 
    transform-origin: left top
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="rotate">
    Hello
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css transform

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

如何将 vector&lt;pair&lt;string, int&gt;&gt; 中的字符串复制到 vector&lt;string&gt;?

我正在使用 GCC 9.2.0 并提升 1.55。

我有两个向量:

vector< pair< string, int > > source;
vector< string > dest;
Run Code Online (Sandbox Code Playgroud)

我需要将source向量转换为dest,这样它应该只包含向量的string元素source

是否可以使用boost::push_back和适配器?

boost::range::push_back( dest, source | /* adaptor ??? */ );
Run Code Online (Sandbox Code Playgroud)

目前我有这个可行的代码,但它应该改变:

transform( source.begin(), source.end(), back_inserter(dest), __gnu_cxx::select1st< std::pair< std::string, int > >() );
Run Code Online (Sandbox Code Playgroud)

c++ boost transform vector push-back

5
推荐指数
1
解决办法
99
查看次数

带有 CSS 转换的 Safari 渲染错误 - 深度排序/z-index 问题?(适用于 Chrome)

对于我的网站,我正在使用这个螺旋动画: Codepen

这是它在 Chrome 中的样子(应该是这样):

这就是它在 Safari 中的样子:

css 转换在谷歌浏览器中看起来很棒,但在 Safari 中它坏了。

我尝试了以下(如其他论坛/线程中所述),但没有成功:

transform: translateZ(0px);
transform-style: flat;
transform: translate3d(0,0,0);
Run Code Online (Sandbox Code Playgroud)

以下是一些类似/相关的问题。但是经过数小时的搜索,我没有找到任何解决方案(是的,我尝试了我找到的所有答案):

相关错误?

我的代码基于这个博客:https : //codemyui.com/spiral-banner-text-animation-using-pure-css/


这是代码(与此处Codepen相同)

html:

<ul> …
Run Code Online (Sandbox Code Playgroud)

css safari transform z-index

5
推荐指数
1
解决办法
371
查看次数

Pandas Group By 的奇怪行为 - 转换字符串列

我在使用 Pandas .groupby().transform() 时遇到了一个奇怪的行为。下面是生成数据集的代码:

df = pd.DataFrame({"Name" : ["Alice", "Bob", "Mallory", "Mallory", "Bob" , "Mallory"] ,
                   "Random_Number": [1223344, 373293832, 32738382392, 7273283232, 8239329, 23938832],
                   "City" : ["Seattle", "Seattle", "Portland", "Seattle", "Seattle", "Portland"]})
Run Code Online (Sandbox Code Playgroud)

这是我为transform() 编写的函数。

# this function will attach each value in string col with the number of elements in the each city group
# if the col type is not an object, then return 0 for all rows. 

def some(x): 
    if x.dtype == 'object':
        return x + …
Run Code Online (Sandbox Code Playgroud)

python transform pandas

5
推荐指数
1
解决办法
114
查看次数