facebook twitter hatena line email

「Unity/UIImage」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(枠を追加)
(分割画像ロード)
行45: 行45:
 
  Sprite iconImage = Resources.Load<Sprite>("image");
 
  Sprite iconImage = Resources.Load<Sprite>("image");
  
==分割画像ロード==
+
==円のゲージ描画==
 +
Imageに丸画像を追加
 +
ImageTypeをFilledへ
 +
FillOriginをTopへ
 +
FillAmountを0~100へ
 +
 
 +
<pre>
 +
GameObject circleObj = GameObject.Find("CircleOnImage");
 +
Image circleImage = circleObj.GetComponent<Image>();
 +
circleImage.fillAmount = 0.5f;
 +
</pre>

2021年5月15日 (土) 00:37時点における版

幅修正

GameObject graph = GameObject.Find("/Canvas/Graph");
RectTransform textRect = graph.GetComponent<RectTransform>();
textRect.sizeDelta = new Vector2(1000.0f, 1000.0f);

幅と高さ

float width = gameObject.GetComponent<RectTransform>().sizeDelta.x; // 幅
float height = gameObject.GetComponent<RectTransform>().sizeDelta.y; // 高さ

UiImage複製して配置

  • Canvas/CopySourceImageにコピー元Image設置
  • NewImageが新しくできるImage
GameObject canvas = GameObject.Find("Canvas");
GameObject copySourceImage = GameObject.Find("Canvas/CopySourceImage");
GameObject newImage = new GameObject("NewImage");
newImage.transform.SetParent(canvas.transform, false);
newImage.transform.SetSiblingIndex(copySourceImage.transform.GetSiblingIndex());
RectTransform baseTransform = copySourceImage.transform as RectTransform;
RectTransform rectTransform = newImage.AddComponent<RectTransform>();
rectTransform.anchorMax = baseTransform.anchorMax;
rectTransform.anchorMin = baseTransform.anchorMin;
rectTransform.anchoredPosition = baseTransform.anchoredPosition;
rectTransform.sizeDelta = baseTransform.sizeDelta;
rectTransform.localScale = baseTransform.localScale;
rectTransform.localPosition = baseTransform.localPosition;
rectTransform.localRotation = baseTransform.localRotation;
Image img = newImage.AddComponent<Image>();
img.sprite = copySourceImage.GetComponent<Image>().sprite;

参考:https://teratail.com/questions/42899

枠を追加

以下で外枠を追加できるが、Imageを透明にするとOutlineも消えてしまう・・。

Outline outline =imageObj.AddComponent<Outline>();
outline.effectColor = new Color(1, 0f, 0f, 1f);

どこか一辺だけの場合は、以下参照すればできるかも。http://aktaat.hatenablog.com/entry/2016/10/30/085534

画像ロード

Resourcesの中にimage.pngを入れる

Sprite iconImage = Resources.Load<Sprite>("image");

円のゲージ描画

Imageに丸画像を追加 ImageTypeをFilledへ FillOriginをTopへ FillAmountを0~100へ

GameObject circleObj = GameObject.Find("CircleOnImage");
Image circleImage = circleObj.GetComponent<Image>();
circleImage.fillAmount = 0.5f;