チャットボックスを作りたいです。メッセージには境界線が必要です。また、メッセージは 2 つの側面のいずれかに配置できます。つまり、右側または左側です。左側のメッセージ用と右側のメッセージ用の 2 つのプレハブを作成しました。チャット ボックスにプレハブを追加すると、正常に動作し、境界線が表示されます。しかし、スクリプトでそれを行うと、境界線が見えなくなります。これが構造です。
「コンテンツ」には、チェックされた幅の垂直レイアウトグループコンポーネントと、水平フィット - 制約なしおよび垂直フィット - 推奨サイズのコンテンツサイズフィッターがあります。
「メッセージ左」には、幅と高さがチェックされていない水平レイアウト グループと、すべてチェックされていないレイアウト要素があります。
「メッセージ (1)」には、水平フィット - 制約なしおよび垂直フィット - 優先サイズのコンテンツ サイズ フィッター、幅がチェックされた水平レイアウト グループ、優先幅 - 291.5、およびフレキシブル幅 - 0 のレイアウト要素があります。
こちらもフチありとフチなしの2枚です。
更新：境界線は「メッセージ（1）」にあり、次のようになります
では、どうすれば修正できますか？解決策はありますか？
UPDATE2: 修正しました。問題はスプライトの Z スケーリングにあり、0 に設定しましたが、1 でなければなりません。