Руководство по ссылкам

Applies to Windows and Windows Phone

Пример внешнего вида стандартного элемента управления “Гиперссылка”

Описание

Гиперссылка может быть представлена в виде встроенного текста (XAML и HTML) или в виде кнопки гиперссылки (XAML). В любом случае гиперссылка является фрагментом текста, которого пользователь может коснуться, чтобы открыть нужную страницу в браузере, а также перейти на другую страницу—или другой раздел на той же странице—текущего приложения.

Пример

Снимок экрана, иллюстрирующий стандартный элемент управления “Гиперссылка”

Это подходящий элемент управления?

Используйте гиперссылку в тех случаях, когда гипертекст является подходящим объектом взаимодействия—т. е. текстом, отвечающим на прикосновение и позволяющим пользователю получить более подробную информацию или информацию, связанную с тем текстом, которого пользователь коснулся. Цель навигации кодируется в универсальном коде ресурса (URI) в свойстве NavigateUri (XAML) или свойстве href (HTML).

Гиперссылку, находящуюся внутри динамического текста, лучше всего реализовать с помощью объекта Hyperlink (XAML) или объекта a element | a object (HTML), что позволит воспользоваться преимуществами автоматического разбиения на строки внутри гиперссылки. Используйте объект a HyperlinkButton (XAML), когда не требуется разбиение на строки или когда необходимо изменить внешний вид гиперссылки.

По умолчанию гиперссылка выглядит и работает как обычная гиперссылка на веб-странице: текст, выделенный цветом или с помощью изображения, которого можно коснуться, чтобы выполнить переход. Однако внешний вид объекта HyperlinkButton (XAML) можно изменить. В процессе взаимодействия с пользователем гиперссылка реагирует, меняя свое состояние и, как следствие, свой внешний вид. Гиперссылка может, например, быть в нормальном состоянии, нажатом или неактивном.

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

НеверноВерно
Пример неправильного использования элемента управления “Флажок”Пример правильного использования элемента управления “Флажок”

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

В этом примере гиперссылка выглядит уместно, поскольку представлена в такой же форме, как и остальная часть текста в предложении.

 

Рекомендации

  • Располагайте гиперссылки на достаточном расстоянии друг от друга, чтобы при нажатии одной пользователь не задевал другие.
  • Используйте неактивное состояние гиперссылки только в том случае, когда это состояние временное — например, если выполняются другие системные процессы, — или когда пользователь своим действием может сделать гиперссылку активной.
  • Используйте шрифт, заданный по умолчанию, если в соответствии со стилем торговой марки не требуется использовать другой стиль.
  • Определяйте для каждой ссылки всплывающую подсказку. Тогда даже в случае, если ссылка будет закрыта пальцем, пользователь все равно узнает, для чего она нужна.
  • При переходе на внешнюю веб-страницу указывайте имя домена внутри всплывающей подсказки и оформляйте его с помощью вторичного цвета шрифта. Добавив во всплывающую подсказку имя домена, вы проинформируете пользователей о том, что ссылка ведет на внешний веб-сайт, поэтому они не будут удивлены результатом нажатия ссылки. Достаточно показать только домен верхнего уровня.
  • Когда пользователю неважно, была ли просмотрена ссылка, используйте для просмотренного состояния этой ссылки такой стиль, при котором она выглядит одинаково вне зависимости от того, была ли открыта соответствующая страница. По умолчанию для просмотренной ссылки применяется стиль, который отличает ее от непросмотренной. Иногда пользователю неважно, был ли сделан переход по ссылке. Обычно это касается ссылок, которые используются для основной навигации в вашем приложении.
  • Текст гиперссылки должен быть кратким. Если вы хотите добавить дополнительную информацию, поместите ее во всплывающую подсказку к ссылке.
  • Не используйте ссылки для выполнения действий, не связанных с навигацией.

Связанные разделы

Для разработчиков
Руководство по всплывающим подсказкам
Для разработчиков (HTML)
a element | a object (HTML)
Для разработчиков (XAML)
Windows.UI.Xaml.Controls Hyperlink class
Windows.UI.Xaml.Controls HyperlinkButton class

 

 

Показ:
© 2014 Microsoft