question

$$ANON_USER$$ avatar image
0 Votes"
$$ANON_USER$$ asked ·

Im trying to make a uwp universal media player on visual studio community 2019 the bottom app bar won't go in it won't appear automatically after clicking on the command bar to try inserting it but wont work

![6172-this-is-on-my-visual-studio.png][1] [1]: /answers/storage/attachments/6251-from-youtube-2.png Im trying to make a uwp universal media player on visual studio community 2019 the bottom app bar won't go in it won't appear automatically after clicking on the command bar to try inserting it but wont work https://www.youtube.com/watch?v=0TPkyBRQJdk Its at six minutes thirteen seconds to six minutes and twenty one seconds into the demo

windows-uwp
· 1
10 |1000 characters needed characters left characters exceeded
Toggle Comment visibility. Current Visibility: Visible to all users

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

1 Answer

RichardZhang-MSFT avatar image
0 Votes"
RichardZhang-MSFT answered ·

Hello,​

Welcome to our Microsoft Q&A platform!

I watched the video you provided and tried it in Visual Studio 2019.

  1. When I opened the Document outline window for the first time, TopAppBar / BottomAppBar was not displayed, so I found it in the Document window after adding it manually, right-clicked, and nothing happened.

  2. I rebuilt the project and restarted Visual Studio and it worked:
    6261-02.png

You can try restarting Visual Studio, or use related software (Blend for Visual Studio) for programming. But if you are a beginner, you can try to manually enter the relevant xaml tag of the CommandBar, this will help you understand its construction.

Thanks



02.png (6.1 KiB)
· 23 ·
10 |1000 characters needed characters left characters exceeded
Toggle Comment visibility. Current Visibility: Visible to all users

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

$$ANON_USER$$ avatar image $$ANON_USER$$ ·

I know iv already did that and nothing happens no app bar even no side app or bottom app bar on my visual studio I don't even get a top bar or side bar im trying to get it to show a app command bar but nothings happening even on blend for visual studio 2019


0 Votes 0 ·
$$ANON_USER$$ avatar image $$ANON_USER$$ ·

Did you have to reinstall the Installer for it to work


0 Votes 0 ·
RichardZhang-MSFT avatar image RichardZhang-MSFT $$ANON_USER$$ ·

Not necessary, you can copy this code into the XAML code of the page (Please put it inside the Page tag):

 <Page.BottomAppBar>
     <CommandBar/>
 </Page.BottomAppBar>

Then you can find BottomAppBar in the Document Outline

0 Votes 0 ·
$$ANON_USER$$ avatar image $$ANON_USER$$ ·

? I may get a auto bottom app bar which does not work the is no open file only eg adjust when loaded onto my computer. I couldn't get that code working that u sent me 6601-hiding-bottom-app-bar-media-transport-controllers.png



0 Votes 0 ·
$$ANON_USER$$ avatar image $$ANON_USER$$ ·

0 Votes 0 ·
$$ANON_USER$$ avatar image $$ANON_USER$$ ·

0 Votes 0 ·
RichardZhang-MSFT avatar image RichardZhang-MSFT $$ANON_USER$$ ·

Hello, the structure of the entire file looks like this:

 <Page ...>
    
     <Grid>
         ...
     </Grid>
    
     <Page.BottomAppBar>
         <CommandBar />
     </Page.BottomAppBar>
    
 </Page>

For markup languages, tags must be closed. I see that there doesn't seem to be a closed Page tag in your XAML code

0 Votes 0 ·
RichardZhang-MSFT avatar image RichardZhang-MSFT $$ANON_USER$$ ·

Sorry, I didn't make it clear. The ellipsis refers to the reference content in the Page. These are not written, I just show a structure.

6871-03.png

Before you start making your application, you can take a look at this document and learn about the syntax of XAML, which will be helpful for your later study.

0 Votes 0 ·
03.png (37.5 KiB)
Show more comments