android — Как сделать кнопки без фона
Вопрос задан
Изменён 6 лет 2 месяца назад
Просмотрен 553 раза
Хочу сделать свой CardView по прототипу такого как на скриншоте (будет ниже).
Основная проблема заключается в том, что кнопки которые расположены внизу не похожи на обычные, они скорее очень похожи на такие как в Action и Tool барах.
Но как сделать такие в CardView я не знаю, подскажите.
P.S.: Такими кнопками здесь являются кнопки READ и кнопка вызова меню.
- android
- android-button
2
Чтобы получить такие кнопки нужно просто указать стили к обычным виджетам:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:gravity="right"
android:orientation="horizontal">
<Button
android:id="@+id/read_button"
android:text="@string/read_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ImageButton
android:id="@+id/menu_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
CardView — это обычный ViewGroup в который вы можете положите разные ViewGroup (LinearLayout, RelativeLayout и др).
Эти кнопки можно сделать положив в CardView TextView и ImageView. Картинка с тремя вертикальными точками есть стандартная в андроиде(не помню как называется)
2
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
c# — Как создать button без фона и границ?
Вопрос задан
Изменён 5 лет 2 месяца назад
Просмотрен 1k раз
Вся суть в заголовке.
Нужна кнопка, которая бы отображалась как текст определенного цвета. Пытаюсь создать. В свойствах все кроме «Foreground» делаю прозрачным, но вокруг кнопки остается серая рамка которую не получается убрать. Кроме того, кнопка начинает мигать если на нее навести или кликнуть. Что делаю не так?
7
В WPF есть традиция отделять контент от представления. Если вам нужна по смыслу кнопка, используйте кнопку. Если нужно изменить её отображение, используйте стиль:
<Style TargetType="Button" x:Key="LightweightButton">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<ContentPresenter Content="{TemplateBinding Content}"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
И применяйте к вашей кнопке:
<Button Click="OnClick">
Attack!
</Button>
С другой стороны, возможно, вам не нужна кнопка, а нужно «приклеить» обработчик нажатия на текст.
Выбирайте сами, как правильно для вашего кода.
Если для вас вдруг более правильным является использование TextBlock‘а, можно «повесить» обработчик на MouseLeftButtonDown или (возможно, более правильно) на MouseLeftButtonUp
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
кнопка игры PNG, векторы, PSD и пнг для бесплатной загрузки
Как изменить цвет фона кнопки в SwiftUI
В этой статье я покажу вам два способа изменить цвет фона кнопки в зависимости от того, как вы создаете кнопку.
- Пуговица с окантовкой или выпуклой окантовкой.
- Кнопка с пользовательским видом метки.
Button with Button Style
Если вы поддерживаете iOS 15 и используете
- Bordered (
.bordered) или - Bordered Prominent (
.borderedProminent) встроенный стиль
Вы можете легко изменить цвет фона с помощью , применив tint(_:) модификатор .
В следующем примере мы устанавливаем розовый цвет оттенка.
Button("Ярлык кнопки") { }
.buttonStyle(.bordered)
.tint(.pink)
Button("Ярлык кнопки") {
}
. buttonStyle(.borderedProminent)
.оттенок(.розовый)
Стиль кнопки с рамкой использует цвет оттенка для текста и цвет оттенка с непрозрачностью для фона .
A Заметная кнопка с рамкой стиль автоматически использует цвет оттенка для цвета фона .
Кнопка с видом Custom Label
Если у вас есть кнопка с цифрой пользовательский вид для вашей этикетки , вы можете установить цвет фона с помощью модификатора .background .
Вот пример, где я попытался воспроизвести выделенный стиль с окантовкой с помощью моей пользовательской метки .
Button(action: { }) {
// 1
Text("Ярлык кнопки")
.padding()
}
.foregroundColor(.white) // 2
.background(.pink) // 3
.cornerRadius(10) // 4 1 Я использую простое текстовое представление в качестве метки
2 Установите белый цвет текста с помощью .foregroundColor(.white) .
3 Установите розовый цвет фона с помощью .background(.pink) .
4 Установите радиус угла с помощью . .
cornerRadius(10)
Предупреждение
Важно знать, что при создании пользовательской кнопки интерактивная область размером с содержимое кнопки
В данном случае это Текст("Ярлык кнопки").padding() . Таким образом, кликабельная область имеет такую же ширину, как текст и отступы .
Если вы переместите модификатор .padding() за пределы метки кнопки, ваша интерактивная область будет такой же маленькой, как текст .
Вот пример, где я сравниваю два . Я также добавляю синюю рамку, чтобы показать интерактивную область.
VStack {
Кнопка (действие: { }) {
Текст ("Ярлык кнопки")
.padding()
.border(.blue)
}
.foregroundColor(.white)
.background(.pink)
.cornerRadius(10) Button(action: {}) {
Text("Ярлык кнопки")
.
