10 советов от профессионалов копирайтинга

Если вы пишете тексты для сайта или блога, нужно учитывать аудиторию, платформу и цели текста. Дополнительно приходится подбирать правильные слова, чтобы заинтересовать читателя. Ну а вишенкой на торте становится SEO. И между всем этим приходится балансировать, как акробату в цирке. Чтобы облегчить вам задачу, мы собрали советы от профессиональных копирайтеров.

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

1. Спросите себя, какую проблему решает текст

Кейт Тун, копирайтер и основательница рекламного агентства, советует ставить пользователей на первое место, а поисковые системы на второе.

То есть в первую очередь писать для людей, а потом уж для поисковых систем. Мы в Kokoc.com полностью с этим согласны!

Чаще всего люди посещают сайты, когда хотят решить какую-то проблему. Ставьте нужны пользователей на первое место. Это поможет создать сильный и эффективный контент.

2. Как то, что вы продаете, меняет чью-то жизнь

Помогите читателю «заглянуть в будущее»

SEO-специалист Джули Ким рекомендует подумать, как рекламируемый товар или услуга изменят жизнь конечного потребителя. Не стоит писать абстрактный текст, наполненный техническими характеристиками продукта или маркетинговыми терминами.

Если ваш текст продает автомобили, нужно разобраться, зачем человек его покупает: просто для развлечения, для поездок по бездорожью ли же для перемещения по городу всей семьей. Разберитесь с поисковым интентом и получите SEO-текст, который резонирует с аудиторией. 

3. Используйте короткие предложения

Тема на которую вы пишете, может быть сложной, но это не значит, что нужно делать сложным и текст.

Гендиректор Yoast, Марике ван де Ракт, советует сокращать предложения.

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

4. Рисуйте в голове пользователя четкую картинку словами

Копирайтер агентства CopyPress, Шрути Сона Шарма, рекомендует сосредоточиться на создании в голове пользователя четкой картинки. Если читатель не может представить то, о чем вы пишите, он это и не купит.

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

Читайте также:

Инструкция по визуальному оформлению текста

5. Продумайте структуру текста до написания

Визуализируйте свои мысли

Автор SEO-компании Yoast Эдвин Тунен советует составлять диаграмму связей или интеллект-карту планируемого текста. Специальные инструменты помогут визуально отобразить информацию для дальнейшей структуризации текста.

Это особенно актуально для объемных текстов на сложные темы. Интеллект-карты помогают визуализировать связи между разными идеями, организовать информацию, а иногда находить новый подход к изложению.

6. Не думайте слишком долго

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

Читайте также:

Копирайтинг: что это такое, что должен знать и уметь копирайтер, сколько он зарабатывает

7. Откажитесь от подхода «Пиши только когда есть, что сказать»

Иногда полезно записывать все, что приходит в голову

Автор издания Wall Street Journal, Энн Хандли, считает такой подход провальным. Рано или поздно идеи заканчиваются, и можно прождать целую вечность, пока в голову придет новая.

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

8. Начинайте с проблемы, которую понимает аудитория

Интернет-маркетолог Нильс ван дер Кнаап советует начинать текст с проблемы или заявления, которые аудитория понимает и с которыми согласна. Если пользователю не зашел заголовок и лид, он не будет читать дальше.

Первое и, возможно, последнее, что видят пользователи — это заголовок и Title в поисковике. Важно делать цепляющий заголовок, который привлечет внимание. Если в начале будет релевантное заявление, пользователь сочтет контент информативным. Однако не скатывайтесь в кликбейт, это пошло!

Читайте также:

Что такое контент: виды, форматы, критерии качества

9.

Думайте не только о поисковой системе, но и о людях

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

10. Читабельность превыше всего

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

Продвижение сайтов

• Любой формат сотрудничества: позиции, лиды, трафик.
• Подбираем запросы, которые приводят реальных покупателей!

Составить текст: soft в помощь!

3 сервиса, которые помогут составить хороший текст на русском и английском языках

Многие люди в связи со своей работой и хобби составляют различные тексты: коммерческие предложения, статьи, лонгриды, посты и т. д. В наше активное время, когда все спешат, часто в текстах встречаются ошибки, опечатки и прочие проблемы. Англоязычные тексты не носителю языка составлять еще сложнее.
Сегодня мы рассмотрим 3 полезных сервиса, которые помогут в составлении текстов.
Больше полезной информации вы сможете найти в конце этой статьи и в мини-тренинге по текстовому контенту.

Узакова Ляйла

Основатель,
Партнер RQ

Glvrd.ru

Главред — сервис для улучшения русскоязычного текста.

По мнению Главред, сервис подходит для: рекламы, новостей, статей, сайтов, инструкций, писем и коммерческих предложений.

Помогает находить в тексте стоп-слова: языковой мусор, рекламные и журналистские штампы, признаки плохого синтаксиса и канцелярит. Без этих слов текст становится понятным, коротким и информативным. Главред называет это информационным стилем.

Обладает самой большой базой правил, стоп-слов, примеров и ссылок. Каждый месяц Главред пополняет новые правила и обновляет старые. Оценка по шкале Главреда показывает только долю стоп-слов (их соотношение к числу слов в тексте). Это не показатель качества текста.

Не проверяет орфографию и пунктуацию.

Содержит много советов и статей о тексте, редактуре, информационном стиле и рекламе. Можно подписаться на новые статьи в Telegram.

При переходе на сайт www.glvrd.ru, в рабочее поле можно поместить текст и сразу получить анализ по стоп-словам и синтаксису.

* Для увеличения изображения, кликните на него.

Orfogrammka.ru

Орфограммка — сервис для проверки правописания русскоязычного текста.

Проверяет текст на ошибки и опечатки, всё подробно объясняет, предлагает варианты исправления.

Помогает повысить уникальность и красоту текста. Подбирает синонимы и эпитеты к словам.

Раздел «Библиотека» содержит большое количество интересных и полезных материалов.

При переходе на сайт www.orfogrammka.ru, появится первая страница, на которой необходимо зарегистрироваться, затем перейти на страницу проверки текста.

* Для увеличения изображения, кликните на него.

В части «Грамотность», текст проверяется по параметрам:

• орфография, грамматика, пунктуация, стилистика;
• речевые и смысловые ошибки, сложные опечатки.

* Для увеличения изображения, кликните на него.

В части «Красота», текст проверяется по параметрам:

• увидеть и исправить тавтологию;
• подобрать синонимы и эпитеты;
• найти неблагозвучие;
• узнать ударение сложных слов.

* Для увеличения изображения, кликните на него.

Hemingwayapp.com

Писать как Хемингуэй. Сервис для улучшения англоязычного текста.

Программа «изучает» загруженный в неё текст, находит чрезмерно сложные слова и предлагает альтернативы, делит предложения в зависимости от сложности прочтения на 14 степеней удобочитаемости и маркирует их соответствующим образом.

Анализируемый текст маркируется разными цветами: желтым — слишком сложные для восприятия предложения, красным — если предложение перегружено, синим — слова, которые можно исключить, фиолетовым — когда можно найти более простую альтернативу, зеленым — использование страдательного залога.

Программа проводит оценку читабельности текста и выдает ряд данных: среднее время чтения, количество букв, символов, слов, предложений и параграфов.

При переходе на сайт www.hemingwayapp.com, в рабочее поле можно поместить текст и сразу получить его анализ.

* Для увеличения изображения, кликните на него.

Как создавать потрясающий контент?

Воспользуйтесь моими курсами и тренингами, где вы научитесь:
1. Анализировать основной бизнес-продукт до продаж.
2. Выстраивать эффективную воронку продаж и встраивать туда основной бизнес-продукт.
3. «Подавать», презентовать ваши бизнес-продукты с помощью различного контента: фото, видео, графика, анимация, озвучка, текст, AR (дополненная реальность), интерактив.
4. Работать с IT программами и приложениями, которые помогут создавать различный контент.


Хотите знать больше?

Посмотрите видео, которое я сделала по вышеуказанному материалу с дополнительными пояснениями и коммментариями.
После записи этого видео я расширила свои онлайн-тренинги по контенту, а также создала полноценный онлайн-курс по созданию потрясающего контента своими силами. Перейти на курс и тренинги!


Jetpack Compose: стилизация текста

Введение

Каждое мобильное приложение выводит на экран большое количество текстовой информации. Даже если приложение в основном отображает мультимедийный контент, такой как изображения или видео, текст является неотъемлемой частью любого мобильного приложения. К счастью, у нас есть много вариантов настройки текста с помощью Jetpack Compose.

В этой статье мы рассмотрим возможности компонуемой функции Text и то, как мы можем применять несколько стилей к тексту с помощью

AnnotatedString .

Эта статья является частью серии Jetpack Compose:

• Jetpack Compose: Предварительный просмотр
• Jetpack Compose: макеты
• Jetpack Compose: тема и типографика
• Состав реактивного ранца: RadioButton
• Jetpack Compose: Создание сетки

Содержание этой статьи основано на версии 1.0.0-rc02 Jetpack Compose.

Демонстрация стиля Text с помощью Jetpack Compose

Знакомство с составной функцией «Текст»

Я хочу начать с обзора составной функции Текст , а также описания и примеров следующих свойств:

• textDecoration: TextDecoration?
• переполнение: TextOverflow
• стиль: TextStyle
• inlineContent: Map

Если вы уже знакомы с ним, можете пропустить этот раздел и перейти к следующему.

У нас есть две компонуемые функции Text с разными параметрами. Давайте исследуем сигнатуру одной из этих функций и найдем различные параметры.

 @Составной
забавный текст(
    текст: строка,
    модификатор: Модификатор = Модификатор,
    цвет: Цвет = Цвет. Не указано,
    размер шрифта: TextUnit = TextUnit.Unspecified,
    стиль шрифта: стиль шрифта? = ноль,
    Вес шрифта: Вес шрифта? = ноль,
    Семейство шрифтов: Семейство шрифтов? = ноль,
    letterSpacing: TextUnit = TextUnit.Unspecified,
    украшение текста: украшение текста? = ноль,
    выравнивание текста: выравнивание текста? = ноль,
    lineHeight: TextUnit = TextUnit.Unspecified,
    переполнение: TextOverflow = TextOverflow.Clip,
    softWrap: логическое значение = истина,
    maxLines: Int = Int.MAX_VALUE,
    onTextLayout: (TextLayoutResult) ->  Unit = {},
    стиль: TextStyle = LocalTextStyle.current
)
 

Основное различие между этими двумя функциями заключается в типе параметра «text» ( text: String vs text: AnnotatedString ). Мы рассмотрим AnnotatedString в следующем разделе.

Рассмотрим несколько параметров:

• textDecoration: TextDecoration?
• переполнение: TextOverflow
• стиль: TextStyle

Свойство textDecoration

textDecoration: TextDecoration? Свойство позволяет нам рисовать украшения поверх текста. По умолчанию доступны следующие параметры:

• Нет
• Подчеркнуть ( текст )
• LineThrough
  ( текст )

В дополнение к этому, мы можем комбинировать несколько текстовых декораторов с функциями Combine и plus .

Объединить подчеркивание с LineThrough

 Текст(
    text = "Jetpack Compose: текст",
    textDecoration = TextDecoration.combine(
        Список(
            TextDecoration.Подчеркнуть,
            TextDecoration. LineThrough
        )
    )
)
 

Если мы хотим объединить только два декоратора, мы можем использовать функцию плюс :

 Текст(
    text = "Jetpack Compose: текст",
    textDecoration = TextDecoration.Подчеркнутый
           .plus(TextDecoration.LineThrough)
)
 

Свойство «переполнение»

переполнение: свойство TextOverflow позволяет нам изменить поведение по умолчанию для визуального переполнения. По умолчанию доступны следующие параметры:

• Вырезать (Обрезать выходящий за пределы текст, чтобы исправить его контейнер.)
• Многоточие (Используйте многоточие, чтобы указать, что текст переполнен.)
• Видимый (Когда переполнение видимо, текст может отображаться за пределами компоновки, отображающей текст)
Свойство «переполнение»

 val text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida massa laoreet ultrices porttitor. "
Столбец(
    Модификатор.padding(8.dp)
) {
    Текст (текст = "Клип", fontSize = 24.sp)
    Текст(
        текст = текст,
        переполнение = TextOverflow.Клип,
        максЛайнс = 2,
        размер шрифта = 18.sp
    )
    Прокладка (модификатор = Модификатор.высота (8.dp))
    Текст (текст = "многоточие", fontSize = 24.sp)
    Текст(
        текст = текст,
        переполнение = TextOverflow.Многоточие,
        максЛайнс = 2,
        размер шрифта = 18.sp
    )
    Прокладка (модификатор = Модификатор.высота (8.dp))
    Текст (текст = "Видимый", fontSize = 24.sp)
    Текст(
        текст = текст,
        переполнение = TextOverflow.Visible,
        максЛайнс = 2,
        размер шрифта = 18.sp
    )
}
 

Свойство «style»

Свойство style: TextStyle позволяет нам настроить стиль текста, например цвет, шрифт, направление, тень и т.д.

Свойство «style»

 Text(
    text = "Создание реактивного ранца",
    стиль = стиль текста (
        цвет = Цвет. Зеленый,
        размер шрифта = 24.sp,
        fontFamily = FontFamily.Monospace,
        межбуквенный интервал = 4.sp,
        textAlign = TextAlign.Центр,
        тень = тень(
            цвет = Цвет. Черный,
            смещение = смещение (8f, 8f),
            размытиеРадиус = 4f
        ),
        textGeometricTransform = TextGeometricTransform(
            масштабX = 2,5f,
            перекосX = 1f
        )
    ),
    модификатор = Modifier.width(300.dp)
)
 

Изучение AnnotatedString

AnnotatedString позволяет применять к тексту несколько стилей. Начнем с краткого обзора класса AnnotatedString .

 @Неизменный
внутренний конструктор класса AnnotatedString(
    val текст: строка,
    val spanStyles: List> = emptyList(),
    val paragraphStyles: List> = emptyList(),
    внутренние аннотации val: List> = emptyList()
) : CharSequence {
    ...
}
 

spanStyles: List> предоставляет возможность стилизовать текстовый диапазон. Мы можем изменить атрибуты шрифта и цвет, добавить оформление текста и т. д.

Параметр Стили абзаца: Список<Диапазон<Стиль абзаца>> настраивает стиль абзаца, например выравнивание текста, направление, отступы и высоту абзаца. линия.

Чтобы объединить несколько AnnotatedString , мы можем использовать плюс или buildAnnotatedString функции. Начнем с функции плюс :

 Текст(
    текст = АннотированнаяСтрока(
        текст = "Красный",
        spanStyle = SpanStyle(Цвет.Красный)
    ).плюс(
        АннотированнаяСтрока(
            текст = "Зеленый",
            spanStyle = SpanStyle (Цвет. Зеленый)
        )
    ).плюс(
        АннотированнаяСтрока(
            текст = "Синий",
            spanStyle = SpanStyle (Цвет. Синий)
        )
    )
)
 

Мы также можем использовать функцию buildAnnotatedString для объединения AnnotatedString объектов:

 Текст(
    текст = построитьAnnotatedString {
        добавить(
            AnnotatedString("Красный", spanStyle = SpanStyle(Color. Red))
        )
        добавить(
            AnnotatedString("Зеленый", spanStyle = SpanStyle(Color.Green))
        )
        добавить(
            AnnotatedString("Синий", spanStyle = SpanStyle(Color.Blue))
        )
    }
)
 

buildAnnotatedString позволяет нам применять методы из AnnotatedString.Builder класс.

 встроенная забава buildAnnotatedString(
    строитель: (Строитель).() -> Модуль
): AnnotatedString = Builder().apply(builder).toAnnotatedString()
 

Этот подход позволяет использовать множество встроенных функций для добавления стиля к объектам AnnotatedString .

Метод append позволяет добавить Char , String или AnnotatedString к существующему AnnotatedString .

Функция «добавить»

 Текст(
    текст = построитьAnnotatedString {
        добавить(
            AnnotatedString("AnnotatedString", spanStyle = SpanStyle(Color. Red))
        )
        добавить('≠')
        добавить("Строка")
    },
    размер шрифта = 24.sp
)
 

Метод addStyle добавляет SpanStyle или ParagraphStyle для определенного диапазона.

Объединение «ParagraphStyle» с «SpanStyle»

 Text(
    текст = построитьAnnotatedString {
        append("Компоновка Jetpack")
        добавить стиль(
            стиль = SpanStyle(
                цвет = Цвет.Красный,
                fontWeight = FontWeight.Bold
            ),
            начало = 0,
            конец = 3
        )
        добавить стиль(
            стиль = стиль абзаца (
                textAlign = TextAlign.Конец
            ),
            начало = 8,
            конец = 15
        )
        добавить стиль(
            стиль = SpanStyle(
                цвет = Цвет.Зеленый,
                textDecoration = TextDecoration.Подчеркнутый
            ),
            начало = 8,
            конец = 15
        )
    },
    размер шрифта = 24. sp,
    модификатор = Modifier.width(300.dp)
)
 

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

ClickableText обрабатывает ссылку на текст.

Метод «addStringAnnotation»

 val uriTag = "URI"
val uriHandler = LocalUriHandler.current
val annotatedString = buildAnnotatedString {
append("Компоновка Jetpack")
добавить стиль(
стиль = SpanStyle(
textDecoration = TextDecoration.Подчеркнутый
),
начало = 8,
конец = 15
)
добавитьстроковую аннотацию(
тег = uriTag,
аннотация = "https://developer.android.com/jetpack/compose",
начало = 8,
конец = 15
)
}
Кликабельный текст(
текст = аннотированная строка,
onClick = {позиция ->
// находим аннотации по тегу и текущей позиции
val annotations = annotatedString.getStringAnnotations (uriTag, начало = позиция, конец = позиция)
аннотации.firstOrNull()?. let {
uriHandler.openUri(it.item)
}
},
стиль = стиль текста (
размер шрифта = 24.sp
),
    модификатор = Modifier.padding(8.dp)
)
 

Метод addTtsAnnotation добавляет аннотацию «Текст в речь» к определенному диапазону текста.

Этот метод отмечен аннотацией @ExperimentalTextApi .

Метод pushStyle применяет SpanStyle или ParagraphStyle ко всему добавляемому тексту, пока не будет вызван метод pop.

«pushStyle» с методами «pop»

 Text(
    текст = построитьAnnotatedString {
        добавить("Здравствуйте!")
        pushStyle (стиль = SpanStyle (цвет = Color.Green))
        добавить("это")
        добавить ("есть")
        добавить("пример")
        добавить("из")
        добавить("Стиль Push")
        поп()
        pushStyle (стиль = SpanStyle (цвет = Color.Red))
        добавить("и")
        добавить("поп")
        поп()
        добавить("методы")
    },
    размер шрифта = 24. sp
)
 

The SpanStyle

SpanStyle позволяет стилизовать текстовый диапазон.

 @Неизменный
класс SpanStyle(
    val color: Color = Color.Unspecified,
    val fontSize: TextUnit = TextUnit.Unspecified,
    val fontWeight: FontWeight? = ноль,
    val fontStyle: FontStyle? = ноль,
    val fontSynthesis: FontSynthesis? = ноль,
    val fontFamily: FontFamily? = ноль,
    val fontFeatureSettings: Строка? = ноль,
    val letterSpacing: TextUnit = TextUnit.Unspecified,
    val baselineShift: BaselineShift? = ноль,
    val textGeometricTransform: TextGeometricTransform? = ноль,
    val localeList: LocaleList? = ноль,
    фон val: Color = Color.Unspecified,
    val textDecoration: TextDecoration? = ноль,
    валь тень: Тень? = ноль
)
 

textGeometricTransform: TextGeometricTransform позволяет нам определить геометрическое преобразование, применяемое к тексту.

«Тень: Тень» дает нам возможность применить тень к тексту. Эффект тени основан на следующих параметрах:

• цвет
• смещение
• радиус размытия
Свойство textGeometricTransform

 Текст(
    text = "Создание реактивного ранца",
    стиль = стиль текста (
        цвет = Цвет. Зеленый,
        размер шрифта = 24.sp,
        fontFamily = FontFamily.Monospace,
        межбуквенный интервал = 4.sp,
        textAlign = TextAlign.Центр,
        тень = тень(
            цвет = Цвет. Черный,
            смещение = смещение (8f, 8f),
            размытиеРадиус = 4f
        ),
        textGeometricTransform = TextGeometricTransform(
            масштабX = 2,5f,
            перекосX = 1f
        )
    ),
    модификатор = Modifier.width(300.dp)
)
 

The ParagraphStyle

ParagraphStyle настраивает стиль абзаца.

 @Неизменный
конструктор класса ParagraphStyle(
    val textAlign: TextAlign? = ноль,
    val textDirection: TextDirection? = ноль,
    val lineHeight: TextUnit = TextUnit.Unspecified,
    val textIndent: TextIndent? = ноль
)
 

textIndent: TextIndent устанавливает отступ, применяемый к первой строке и другим строкам.

Свойство «textIndent»

 val text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Phasellus gravida massa laoreet ultrices porttitor."
Текст(
    текст = построитьAnnotatedString {
        добавить(
            АннотированнаяСтрока(
                текст = текст,
                стиль абзаца = стиль абзаца (
                    textIndent = TextIndent(
                        первая линия = 20 ст.п.,
                        линия отдыха = 40.сп
                    )
                )
            )
        )
        добавить("Тест")
    },
    размер шрифта = 24.sp,
    модификатор = Modifier.padding(8.dp)
)
 

Пример: Подстроки стиля

Представим, что у нас есть приложение со списком кофейных напитков и подробной информацией о каждом кофе. Экран CoffeeDrinkDetailsScreen имеет имя и описание параметров.

Итак, применим к описанию стиль, исходя из следующих требований:

• Подстрока с первым появлением в описании конкретного кофейного напитка должна быть выделена жирным шрифтом.
• Все подстроки «кофе» в описании должны быть подчеркнуты.
Пример: Стиль подстрок

Первым шагом является создание функции, которая находит все подстроки в строке и возвращает List . Для простоты я реализовал одно из самых простых решений.

 fun getSubstrings (подстрока: строка, текст: строка): List {
    вернуть подстроку.toRegex()
        .findAll(текст)
        .карта {это.диапазон}
        .к списку()
}
 

Последним шагом является создание компонуемой функции со стилизованным текстом.

 val имя = "Эспрессо"
val italicSubstring = "кофе"
val description = "Эспрессо - это кофе итальянского происхождения, сваренный путем пропускания небольшого количества почти кипящей воды под давлением (прессование) через мелко помолотые кофейные зерна."
val substrings = getSubstrings (italicSubstring, описание)
val nameIndex = описание.indexOf(имя)
Текст(
    текст = построитьAnnotatedString {
        добавить (описание)
        добавить стиль(
            стиль = SpanStyle(
                fontWeight = FontWeight. Bold
            ),
            начало = индекс имени,
            конец = индекс имени + имя.длина
        )
        for (substringRange в подстроках) {
            добавить стиль(
                стиль = SpanStyle(textDecoration = TextDecoration.Underline),
                start = substringRange.first,
                конец = substringRange.last + 1
            )
        }
    }
)
 

Исходный код этого примера.

Пример: Сделать заглавной первую букву главы книги

Попробуем построить главный экран приложения для чтения книг с несколькими главами. Мы можем перемещаться между главами, проводя пальцем влево и вправо. Первая буква каждой главы должна иметь размер шрифта 52 sp (пикселей, не зависящих от масштаба) , а цвет должен быть Red .

Пример: Напишите заглавной первую букву главы книги

Я буду использовать HorizontalPager компонуемая функция из библиотеки «Аккомпаниатор».

Библиотека «Accompanist» — это группа библиотек, целью которых является дополнение Jetpack Compose функциями, которые обычно требуются разработчикам, но пока недоступны.

 val testData = "важные тестовые данные"
val содержимое = listOf (
    Список(
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida massa laoreet ultrices porttitor.",
        ...
    ),
    Список(...),
    Список(...)
)
val pagerState = запомнитьPagerState(pageCount = content.size)
Горизонтальный пейджер(
    состояние = состояние пейджера,
    модификатор = Модификатор.fillMaxSize()
) { страница ->
    Ленивая колонка {
        val pageText = содержимое[страница]
        вещь {
            Текст(
                text = "Глава ${страница + 1}",
                textAlign = TextAlign.Центр,
                стиль = стиль текста (
                    Вес шрифта = Вес шрифта.Полужирный,
                    размер шрифта = 52.sp,
                ),
                модификатор = модификатор
                    .fillMaxWidth ()
                    .padding(по горизонтали = 16.dp, по вертикали = 8.dp),
            )
            для (индекс в pageText. indices) {
                Текст(
                    текст = построитьAnnotatedString {
                        добавить (текст страницы [индекс])
                        если (индекс == 0) {
                            добавить стиль(
                                стиль = SpanStyle(
                                    цвет = Цвет.Красный,
                                    размер шрифта = 52.sp,
                                    Семейство шрифтов = Семейство шрифтов. Курсив
                                ),
                                начало = 0,
                                конец = 1
                            )
                        }
                        если (pageText[index] == testData) {
                            добавить стиль(
                                стиль = SpanStyle(
                                    Вес шрифта = Вес шрифта.Полужирный,
                                    textDecoration = TextDecoration.LineThrough
                                ),
                                начало = 0,
                                конец = testData. length
                            )
                        }
                    },
                    модификатор = модификатор
                        .fillMaxWidth ()
                        .padding(по горизонтали = 16.dp, по вертикали = 8.dp),
                    размер шрифта = 24.sp,
                    стиль = стиль текста (
                        textAlign = TextAlign.Justify
                    )
                )
            }
        }
    }
}
 

Исходный код этого примера.

Сводка

Составляющая функция Text позволяет применять к тексту несколько стилей. AnnotatedString может быть хорошим другом, если вам нужно это сделать.

Мы изучили функции, доступные для составной функции Text вместе с типом AnnotatedString .

• SpanStyle настраивает стиль для текстового диапазона. Мы можем изменить атрибуты и цвет шрифта, добавить оформление текста и т. д.
• ParagraphStyle настраивает стиль абзаца, например выравнивание текста, направление, отступы и высоту строки.

Комбинируя SpanStyle с ParagraphStyle , мы можем добиться отличных результатов в стилизации текста.

Исходный код всех примеров в этой статье.

---

Пишите мне в Twitter, если у вас есть вопросы.

Как составлять, отправлять и настраивать сообщения — Отправка сообщений

Обзор

Создать сообщение во Front очень просто! Большая синяя кнопка «Написать » в верхней части папки «Входящие» — это универсальное средство для отправки сообщений из любых каналов связи, связанных с Front (например, по электронной почте, SMS и т. д.), а также для отправки из любого ваш индивидуальный почтовый ящик или почтовый ящик команды.

---

Инструкции

Шаг 1

Чтобы создать новое сообщение, нажмите кнопку Написать в левом верхнем углу папки «Входящие».

 

Шаг 2

Составьте сообщение во всплывающем окне. Если вы закроете окно перед отправкой, вам будет предложено сохранить черновик. Узнайте больше о композиторе Front здесь.

Шаг 3

Отправьте сообщение! Узнайте больше о параметрах отправки здесь.

---

Канал отправки и почтовый ящик

При создании нового сообщения вы можете выбрать, какой тип сообщения вы хотите отправить (например, электронная почта, SMS и т. д.), и, в свою очередь, в какой папке будет новый разговор. будет жить.

Нажмите на адрес From в композиторе, затем выберите канал для отправки.

 

Отправка из индивидуального или группового почтового ящика

При выборе канала отправки вы увидите параметры как для частных, так и для общих каналов.

• Если вы решите отправить новое сообщение из отдельного канала, новый разговор будет доступен только в вашем индивидуальном почтовом ящике

• Если вы решите отправить из командного канала, сообщение будет доступно для всех товарищей по команде, у которых есть доступ к соответствующему командному почтовому ящику

Отправка ответа в новой беседе

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

---

Настройка вашего сообщения

Форматирование текста

Щелкните значок параметров форматирования в левом нижнем углу композитора, чтобы отобразить/скрыть панель инструментов форматирования. См. здесь для получения дополнительной информации о параметрах форматирования.

Emojis

Emojis поддерживаются в Front composer. Используйте средство выбора смайликов, чтобы найти идеальный смайлик для вставки в свое сообщение ✨

Примечание: Вы также можете использовать предустановленные и пользовательские смайлики, чтобы реагировать на внутренние комментарии ваших товарищей по команде. Смотрите здесь для получения дополнительной информации.

Вложения

Выберите значок скрепки, чтобы прикрепить файлы с вашего компьютера, Dropbox или Google Диска. Подробнее о вложениях можно узнать здесь.

 

Шаблоны сообщений

Щелкните значок шаблонов сообщений, чтобы вставить существующий шаблон индивидуального или командного сообщения или создать новый шаблон сообщения. Если вы используете шаблон сообщения, вы всегда можете отредактировать тело сообщения перед отправкой.

 

Повтор

Отложите электронную почту перед отправкой сообщения. Подробнее об отсрочке читайте здесь.

---

Тема и название беседы

Тема сообщения

Новые сообщения

При создании нового сообщения вы увидите строку темы под полем Кому  .

Ответы

При составлении ответа вам нужно нажать Тема в правом верхнем углу редактора, чтобы развернуть строку темы.

Переименование беседы

По умолчанию названия бесед, отображаемые в вашем списке бесед, будут соответствовать темам сообщений.