The interoperation between Visual layer and XAML layer in Creators Update

If you are using Composition APIs in November Update, it's time to know that many things are changed in Creators Update. Note that the changes start in Anniversary Update but since the Creators Update has come, you should know the newest ones.

Actually, the Border would stay at the center of the outer Grid.
If you target the SDK version back to Build 10586, the Border will has a offset to (100,100,0).

So if you want the same effect in November Update, what should you do? You should wrap the Border you want to operate with a Border(or a Canvas control) being central in the outer Grid. It's introduced in a official document(see this).

XAML opacity & Visual opacity

Assume that there is a border whose Opacity in XAML is 0.5f and it the opacity in Visual is 0.8f, what's the final opacity being rendered on Screen?

Well, it depends.

First:

border.Opacity = 0.5f;
border.GetVisual().Opacity = 0.7f;

Those code result in a border with 70% opacity.

Second:

border.GetVisual().Opacity = 0.7f;
border.Opacity = 0.5f;

Those code result in a border with 50% opacity.

See any differences? The final effect is corresponding to the latest operation you do with its opacity property. To include, the XAML opacity will affect the Visual opacity literally, but the Visual opacity will NOT affect the XAML opacity. But setting one of those value will effect the final effect you see on screen. It's weird, but it's true.