Wayback Machinekoobas.hobune.stream
May JUN Jul
Previous capture 12 Next capture
2021 2022 2023
1 capture
12 Jun 22 - 12 Jun 22
sparklines
Close Help
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
  • Asset Store
  • Get Unity

UNITY ACCOUNT

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account
  • Blog
  • Forums
  • Answers
  • Evangelists
  • User Groups
  • Beta Program
  • Advisory Panel

Navigation

  • Home
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
    • Blog
    • Forums
    • Answers
    • Evangelists
    • User Groups
    • Beta Program
    • Advisory Panel

Unity account

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account

Language

  • Chinese
  • Spanish
  • Japanese
  • Korean
  • Portuguese
  • Ask a question
  • Spaces
    • Default
    • Help Room
    • META
    • Moderators
    • Topics
    • Questions
    • Users
    • Badges
  • Home /
avatar image
0
Question by goibon · Aug 17, 2015 at 12:00 PM · guilayout

How do I set the order of elements in Canvas (Screen Space - Camera)?

I have a ScrollRect which content is a collection of GameObjects created at runtime. The hierarchy for the Canvas containing this scrollable list is as follows:

  • Canvas set to Screen Space - Camera
    • BackgroundPanel ( Panel with an Image attached) that is supposed to act as a background for the scrollable list
      • ScrollView ( ScrollRect )
        • Content (Empty Rect) that acts as parent for all of the GameObjects generated
          • Child1 ( GameObject)

          • Child2 ( GameObject)

          • ...

The problem I am facing is that the image on the BackgroundPanel is rendered on top of the children of the Content Rect as shown in the Image 1. What I want is to have that Image shown behind them as shown in Image 2.

I've tried altering the depth of all of the children of BackgroundPanel by setting their position on the Z-axis to a lower value, and as long as it is below 0 (The depth of the BackgroundPanel) they show on top as desired. However this only seems to work if I alter the position of the elements after the the list of children has been generated.

I have tried setting the depth to -1 on runtime when I create the list using the following code, but upon calling it a second time the GameObjects generated will have their z-position to 45. This means that they are once again hidden behind the BackgroundPanel.

 foreach (Car car in storedCars){
     // Spawn display model
     GameObject displayModel = CarGenerator.instance.GenerateDisplayModelOfCar(car);
     // Set the content panel as parent
     displayModel.transform.SetParent(contentPanel.transform);
 }
 // Scale contentPanel to fit the newly added cars
 RectTransform contentRect = contentPanel.GetComponent<RectTransform>();
 contentRect.sizeDelta = new Vector2(contentRect.childCount * 100f, contentRect.sizeDelta.y);
 contentRect.position = new Vector3(contentRect.childCount * 50f, 0f, -1f);

Any suggestions as to how to keep the child objects rendered above the BackgroundPanel?

Comment
Add comment
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

0 Replies

· Add your reply
  • Sort: 

Your answer

Hint: You can notify a user about this post by typing @username

Up to 2 attachments (including images) can be used with a maximum of 524.3 kB each and 1.0 MB total.

Follow this Question

Answers Answers and Comments

25 People are following this question.

avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image

Related Questions

GUI Layout problem 1 Answer

know GUILayout current screen position 2 Answers

Content Size Fitter woes (Solved: Link to download you may want) 1 Answer

Is there any way to make gui faster and effective 0 Answers

How do I scale a Toggle button 0 Answers


Enterprise
Social Q&A

Social
Subscribe on YouTube social-youtube Follow on LinkedIn social-linkedin Follow on Twitter social-twitter Follow on Facebook social-facebook Follow on Instagram social-instagram

Footer

  • Purchase
    • Products
    • Subscription
    • Asset Store
    • Unity Gear
    • Resellers
  • Education
    • Students
    • Educators
    • Certification
    • Learn
    • Center of Excellence
  • Download
    • Unity
    • Beta Program
  • Unity Labs
    • Labs
    • Publications
  • Resources
    • Learn platform
    • Community
    • Documentation
    • Unity QA
    • FAQ
    • Services Status
    • Connect
  • About Unity
    • About Us
    • Blog
    • Events
    • Careers
    • Contact
    • Press
    • Partners
    • Affiliates
    • Security
Copyright © 2020 Unity Technologies
  • Legal
  • Privacy Policy
  • Cookies
  • Do Not Sell My Personal Information
  • Cookies Settings
"Unity", Unity logos, and other Unity trademarks are trademarks or registered trademarks of Unity Technologies or its affiliates in the U.S. and elsewhere (more info here). Other names or brands are trademarks of their respective owners.
  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Spaces
  • Default
  • Help Room
  • META
  • Moderators
  • Explore
  • Topics
  • Questions
  • Users
  • Badges