How to use VisualStateManager in List View by UWP App?

 

I developing powerful UWP App. and I wanna Optimize to Desktop and mobile devices, so I should made adaptive UI.

I found VisualStateManager.

VisualStateManager.aspx) is solution of make adaptive UI in UWP app.

Detail is Check Link.

Experiment

I wrriten this code. this code will show you 欅坂46’s logo list.

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" >
      <Pivot>
        <PivotItem>
          <PivotItem.Header>Hello World</PivotItem.Header>
            <ListView ItemsSource="{Binding Datas}">
              <ListView.ItemTemplate>
                <DataTemplate>
                    <UserControl>
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="SizeStateGroup">
                                    <VisualState x:Name="Min">
                                        <VisualState.StateTriggers>
                                            <AdaptiveTrigger MinWindowWidth="0" />
                                        </VisualState.StateTriggers>
                                        <VisualState.Setters>
                                            <Setter Target="Image.Height" Value="100" />
                                        </VisualState.Setters>
                                    </VisualState>
                                    <VisualState x:Name="Middle">
                                        <VisualState.StateTriggers>
                                            <AdaptiveTrigger MinWindowWidth="651" />
                                        </VisualState.StateTriggers>
                                        <VisualState.Setters>
                                            <Setter Target="Image.Height" Value="200" />
                                        </VisualState.Setters>
                                    </VisualState>
                                    <VisualState x:Name="Wide">
                                        <VisualState.StateTriggers>
                                            <AdaptiveTrigger MinWindowWidth="1000" />
                                        </VisualState.StateTriggers>
                                        <VisualState.Setters>
                                            <Setter Target="Image.Height" Value="300" />
                                        </VisualState.Setters>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Image x:Name="Image" Source="http://48pedia.org/images/a/a3/%E6%AC%85%E5%9D%82%E3%83%AD%E3%82%B4.jpg"></Image>
                        </Grid>
                    </UserControl>
                </DataTemplate>
              </ListView.ItemTemplate>
            </ListView>
        </PivotItem>
      </Pivot>
  </Grid>

Key Point

Point 1 Wrap Usercontrol Tag

If not exit Wrap UserControl Tag, then VisualStateManager cant run, when in ListView Item.

How to use Grid control’s border Color in Xamarin.Forms

I using Grid control, then I want to Add Grid control’s Border Color, but Grid control don’t  have BorderColor Property, so I research this solution.

Change Grid’s background Color and item’s Background Color

Black is border color, White is Grid’s background color

Sample code

<Grid BackgroundColor="Black">
    <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <BoxView Grid.Row="0" Grid.Column="0" BackgroundColor="White" />
        <Label Text="1" Grid.Row="0" Grid.Column="0" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="0" Grid.Column="1" BackgroundColor="White" />
        <Label Text="2" Grid.Row="0" Grid.Column="1" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="0" Grid.Column="2" BackgroundColor="White" />
        <Label Text="3" Grid.Row="0" Grid.Column="2" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="1" Grid.Column="0" BackgroundColor="White" />
        <Label Text="4" Grid.Row="1" Grid.Column="0" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="1" Grid.Column="1" BackgroundColor="White" />
        <Label Text="5" Grid.Row="1" Grid.Column="1" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="1" Grid.Column="2" BackgroundColor="White" />
        <Label Text="6" Grid.Row="1" Grid.Column="2" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="2" Grid.Column="0" BackgroundColor="White" />
        <Label Text="7" Grid.Row="2" Grid.Column="0" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="2" Grid.Column="1" BackgroundColor="White" />
        <Label Text="8" Grid.Row="2" Grid.Column="1" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
        <BoxView Grid.Row="2" Grid.Column="2" BackgroundColor="White" />
        <Label Text="9" Grid.Row="2" Grid.Column="2" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
    </Grid>

Result

 

Xamarin.iOS Project Error Message”アクティブな構成内でプロジェクトがビルドされていません” on Xamarin Studio

Environment

• Xamarin Studio
• macOS Sierra

 

Situation

build a Xamarin’s Sample “XWeather”

Try things

• Rebuild Project and solution
• Change Solution Option -> Build Config Detail is this photo

Solution

Change Solution Option, in result this problem solve.

 

in addition

XWeather sample can runnning !

Thanks for reading and Let’s Enjoy Xamarin !!

How to Use Hashtag in My post on Weibo

Hi there !

Are you Enjoying to use Weibo ?

Today tell you how to use hashtag in my post on Weibo.

This is My Post screen

you can write anyone!

Insert your post “#hoge#”

For example

That’s complete !

and you should post now!

Thanks for watching my blog !!

How to Call StartActivity() In Xamarin.Forms in Android using DependencyService

Environment

• Xamarin.Forms
• Android
• Dependency Service

Solution

I Should Write That code.

<br />using Xamarin.Forms;

namespace hoge.Droid
{

public class haha
{
public void huga()
{
Forms.Context.StartActivity(new Intent());
}
}
}<span style="font-family: Menlo;">
</span>

Xamarin.Android Error: Couldn’t connect to logcat, GetProcessId returned: 0

I try Deploy Xamarin.Android Application

Just Xamarin.Android Say Error

<br />Couldn't connect to logcat, GetProcessId returned: 0

 

Solution

Change Setting Xamarin.Android Project.

Place:  Properties -> Android Options -> Packaging -> Use Fast Deployment

 

Xamarin.Android on Visual Studio Output Error Error:java.lang.UnsupportedClassVersionError:com/android/dx/command/Main : CreateDatabaseWithAdoNet

I try develop Android Application by Xamarin.Android on Visual Studio.

But Xamarin on Visual Studio Output Error

<br />Error:java.lang.UnsupportedClassVersionError:com/android/dx/command/Main : CreateDatabaseWithAdoNet

 

Oh my god !!

Cause

Cause is i  installed JDK 7 because Xamarin need JDK 8.

 

How to

1. Download JDK8

You can download JDK 9 ( http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html )

2.Setting Xamarin on Visual Studio

You should Change Xamarin on Visual Studio Setting.

Please show Visual Studio Setting

”’

Tools | Options | Xamarin | Android Settings | Java Development Kit Location

”’

Please click Change and change reference JDK 8 Location.

maybe you can solve this problem.

Let’s Enjoy Xamarin !!

I referenced this Page ( https://forums.xamarin.com/discussion/62664/error-java-lang-unsupportedclassversionerror-com-android-dx-command-main-createdatabasewithadonet )

First blog post

This is your very first post. Click the Edit link to modify or delete it, or start a new post. If you like, use this post to tell readers why you started this blog and what you plan to do with it.