Как выровнять кнопку с левой стороны в элементе управления списком?

Question

Я занимаюсь разработкой приложения для windows phone 7. Я новичок в серебряном свете. Я динамически создаю элемент управления кнопками и связываю все эти элементы управления кнопками со списком.

<ListBox x:Name="lstButtons" Margin="393,-28,-12,28" Background="Orange">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Button Content="{Binding ElementName}" Width="100" HorizontalAlignment="Right"></Button>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
 </ListBox>

Теперь я хочу, чтобы элемент управления кнопкой отображался с левой стороны, значит, я хочу отобразить элемент управления кнопки рядом с левой границей списка. Я хочу отобразить кнопку управления, которая выровнена влево. С моим кодом выше, кнопка управления отображается в центре списка? Как мне выровнять его по левому краю? Можете ли вы предоставить мне какой-либо код или ссылку, с помощью которой я могу решить вышеуказанную проблему? Если я делаю что-то не так, пожалуйста, направьте меня.

Answer 1

Это может быть не очень полезно, но я обнаружил, что использование выражения blend для таких элементов макета / пользовательского интерфейса, как этот, является самым простым способом сделать это. Вам нужно будет углубиться в шаблон списка, после чего вы можете поиграть с выравниванием.

Answer 2

Для этого сценария вам нужно выровнять кнопку динамически. В следующем коде кнопка выровнена по левой стороне в элементе управления списка. Выравнивается близко к левой границе элемента управления списка.

 Button AlphabetButton = new Button();                
                AlphabetButton.Margin = new Thickness(-10,-27,0,0);
                AlphabetButton.Width = 80;
                AlphabetButton.Height = 80;

Answer 3

Взгляните на образец XAML на странице ресурсов MSDN здесь .Вам нужно поиграть со свойством HorizontalAlignment элемента, который вы пытаетесь выровнять внутри родительского элемента, возможно, для точной настройки выравнивания установите свойство margin элемента.