<p>無限スクロール的な処理を作っているときに、<br>
<code>RectTransform</code>の各プロパティがそれぞれ何を表していて、どのような値になっているのか意外と詳しく把握できていなかったので調査した結果を記事にまとめておきます。</p>
<h2 id="localposition">
<a class="header-anchor-link" href="#localposition" aria-hidden="true"></a> localPosition</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">
<code>親のpivot座標</code>と<code>自分のpivot座標</code>の <em><strong>相対距離</strong></em>
</td>
</tr>
</tbody>
</table>
<p><code>pivot座標</code>とはエディタに◎で表示されるアレです<br>
<strong>つまりlocalPositionをzeroにすると親の◎と自分の◎が重なります</strong><br>
<img src="https://storage.googleapis.com/zenn-user-upload/e297bf70237f-20230608.png" alt="アレ" loading="lazy" class="md-img"><br>
<em><strong>コレ</strong></em></p>
<h2 id="anchormin-%2F-anchormax">
<a class="header-anchor-link" href="#anchormin-%2F-anchormax" aria-hidden="true"></a> anchorMin / anchorMax</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">
<code>親の領域</code>のどの部分を基準とするか</td>
</tr>
</tbody>
</table>
<p>エディタにバッテンで表示される領域そのものです<br>
<img src="https://storage.googleapis.com/zenn-user-upload/afc7af0b0036-20230608.png" alt="コレ" loading="lazy" class="md-img"><br>
<em><strong>コレ</strong></em></p>
<p>基準の設定なので、コレ単体で語ることはできません<br>
<a href="#anchoredposition">anchoredPosition</a>や<a href="#sizedelta">sizeDelta</a>に関わるので、それぞれご確認ください</p>
<h2 id="anchoredposition">
<a class="header-anchor-link" href="#anchoredposition" aria-hidden="true"></a> anchoredPosition</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">
<code>親の基準とする座標</code>と<code>自分のpivot座標</code>の<em><strong>相対距離</strong></em>
</td>
</tr>
</tbody>
</table>
<p><code>親の基準とする座標</code>とは<code>自身のanchorMinとanchorMaxの中心を親領域に適用したもの</code>で、<br>
エディタに表示されるバッテン表示のアレの中心です</p>
<p>つまり<code>バッテン表示のアレの中心 + anchoredPosition == 自分のpivot座標</code> ということです</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/afaf567be215-20230608.png" alt="コレ" loading="lazy" class="md-img"></p>
<p>言い換えると<strong>anchoredPositionをzeroにすると、◎とバッテンの中央が一致します</strong></p>
<h2 id="sizedelta">
<a class="header-anchor-link" href="#sizedelta" aria-hidden="true"></a> sizeDelta</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">
<code>親の基準領域のサイズ</code>と<code>自分のサイズの</code> <em><strong>相対サイズ</strong></em>
</td>
</tr>
</tbody>
</table>
<p><code>親の基準領域</code>とは<code>自身のanchorMinとanchorMaxを親領域に適用したもの</code>で、<br>
エディタに表示されるバッテン表示の領域そのものです</p>
<p><strong>つまりバッテン領域のサイズからみた自分のサイズの差分ということです</strong></p>
<h2 id="rect">
<a class="header-anchor-link" href="#rect" aria-hidden="true"></a> rect</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left"><strong>自分のローカル座標系での領域</strong></td>
</tr>
</tbody>
</table>
<ul>
<li>
<code>rect.min</code> is 自分のローカル座標系での<strong>左下隅の座標</strong>
</li>
<li>
<code>rect.max</code> is 自分のローカル座標系での<strong>右上隅の座標</strong>
</li>
<li>
<code>rect.size</code> is 自分のサイズ</li>
</ul>
<p><strong>座標の数値は自分のpivot座標（=localPosition）からの相対位置です</strong></p>
<aside class="msg alert"><span class="msg-symbol">!</span><div class="msg-content">
<p>Rect構造体は<strong>top, bottomの扱いが逆転しているためご注意ください</strong><br>
代わりにyMinやyMaxを使うと安全です</p>
</div></aside>
<h1 id="%E3%81%9D%E3%81%AE%E4%BB%96%E3%80%81%E9%96%A2%E9%80%A3%E3%81%99%E3%82%8B%E4%BE%BF%E5%88%A9%E9%96%A2%E6%95%B0%E3%81%AA%E3%81%A9">
<a class="header-anchor-link" href="#%E3%81%9D%E3%81%AE%E4%BB%96%E3%80%81%E9%96%A2%E9%80%A3%E3%81%99%E3%82%8B%E4%BE%BF%E5%88%A9%E9%96%A2%E6%95%B0%E3%81%AA%E3%81%A9" aria-hidden="true"></a> その他、関連する便利関数など</h1>
<p>プロパティではないですが、ついでに<strong>RectTransformをプログラムで整列処理するときに手助けとなった関数も紹介</strong>しておきます！</p>
<h2 id="recttransform.getlocalcorners">
<a class="header-anchor-link" href="#recttransform.getlocalcorners" aria-hidden="true"></a> RectTransform.GetLocalCorners</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left"><strong>自分のローカル座標系での四隅の座標が取得可能</strong></td>
</tr>
</tbody>
</table>
<p>rectと同じく<strong>座標の数値は自分のpivot座標（=localPosition）からの相対位置です</strong><br>
また、<em>「左下 / 左上 / 右上 / 右下」の順序</em>で配列に格納されます</p>
<h2 id="rect.normalizedtopoint">
<a class="header-anchor-link" href="#rect.normalizedtopoint" aria-hidden="true"></a> Rect.NormalizedToPoint</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left"><strong>正規化座標を元に領域内の座標を取得する</strong></td>
</tr>
</tbody>
</table>
<ul>
<li>new Vector2(0, 0) を渡すと 左下 の座標</li>
<li>new Vector2(1, 1) を渡すと 右上 の座標</li>
<li>new Vector2(0.5f, 0.5f) を渡すと 中心 の座標</li>
</ul>
<h2 id="text.gettextanchorpivot">
<a class="header-anchor-link" href="#text.gettextanchorpivot" aria-hidden="true"></a> Text.GetTextAnchorPivot</h2>
<table>
<thead>
<tr>
<th style="text-align:left">is何？</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">
<strong>TextAnchor</strong> を <strong>正規化座標に変換する</strong>
</td>
</tr>
</tbody>
</table>
<p>以下、対応表です</p>
<table>
<thead>
<tr>
<th style="text-align:left">TextAnchor</th>
<th style="text-align:left">戻り値</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">UpperLeft</td>
<td style="text-align:left">(0, 1)</td>
</tr>
<tr>
<td style="text-align:left">UpperCenter</td>
<td style="text-align:left">(0.5, 1)</td>
</tr>
<tr>
<td style="text-align:left">UpperRight</td>
<td style="text-align:left">(1, 1)</td>
</tr>
<tr>
<td style="text-align:left">MiddleLeft</td>
<td style="text-align:left">(0, 0.5)</td>
</tr>
<tr>
<td style="text-align:left">MiddleCenter</td>
<td style="text-align:left">(0.5, 0.5)</td>
</tr>
<tr>
<td style="text-align:left">MiddleRight</td>
<td style="text-align:left">(1, 0.5)</td>
</tr>
<tr>
<td style="text-align:left">LowerLeft</td>
<td style="text-align:left">(0, 0)</td>
</tr>
<tr>
<td style="text-align:left">LowerCenter</td>
<td style="text-align:left">(0.5, 0)</td>
</tr>
<tr>
<td style="text-align:left">LowerRight</td>
<td style="text-align:left">(1, 0)</td>
</tr>
</tbody>
</table>


RectTransformの各プロパティis何？まとめ

その他、関連する便利関数など

Discussion