「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;