如何在Android中使用边框和彩色区域的背景

2022-01-25 13:14:38 标签 android android-layout

我想有一个布局，我把其他布局(如约束布局)，那些布局应该有边框和彩色区域。所以我想我必须改变背景，但我不知道怎么做。这是我当前片段的截图，我高亮显示了我想添加的东西:

基本上，它看起来应该类似于理想的布局。

这是我拥有的xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_marginTop="@dimen/_28sdp"
        android:layout_width="@dimen/_220sdp"
        android:layout_height="@dimen/_240sdp"
        android:orientation="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.93"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.75">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/_30sdp"
            android:orientation="horizontal"></LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/_190sdp"
            android:orientation="vertical"></LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/_20sdp"
            android:orientation="horizontal"></LinearLayout>
    </LinearLayout>
    <Button
        android:id="@+id/navigation_button_language"
        android:layout_width="@dimen/_31sdp"
        android:layout_height="@dimen/_31sdp"
        android:background="@drawable/navigation_buttom"
        android:text="Dummy"
        android:textAllCaps="false"
        android:textColor="#121212"
        android:textSize="@dimen/_9ssp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.95"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.02" />
    <TextView
        android:id="@+id/textView_language"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/_3ssp"
        android:text="Dummy"
        android:textColor="#121212"
        android:textSize="@dimen/_9ssp"
        app:layout_constraintEnd_toEndOf="@+id/navigation_button_language"
        app:layout_constraintStart_toStartOf="@+id/navigation_button_language"
        app:layout_constraintTop_toBottomOf="@+id/navigation_button_language" />
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="0dp"
        android:layout_height="@dimen/_240sdp"
        app:layout_constraintBottom_toBottomOf="@+id/linearLayout"
        app:layout_constraintEnd_toStartOf="@+id/linearLayout"
        android:layout_marginLeft="@dimen/_6sdp"
        android:layout_marginRight="@dimen/_6sdp"
        android:background="@color/colorGrey"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/linearLayout"
        app:layout_constraintVertical_bias="0.447">
        <ScrollView
            android:layout_width="47dp"
            android:layout_height="44dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical" />
        </ScrollView>
        <TextView
            android:id="@+id/textView_Name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Test Name"
            android:textColor="#000000"
            android:textSize="@dimen/_14ssp"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView_QuantityText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/_1sdp"
            android:text="Quantity: "
            android:textSize="@dimen/_9ssp"
            app:layout_constraintEnd_toEndOf="@+id/textView_Name"
            app:layout_constraintStart_toStartOf="@+id/textView_Name"
            app:layout_constraintTop_toBottomOf="@+id/textView_Name" />
        <TextView
            android:id="@+id/textView_QuantityNumber"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2"
            android:textSize="@dimen/_9ssp"
            app:layout_constraintBottom_toBottomOf="@+id/textView_QuantityText"
            app:layout_constraintStart_toEndOf="@+id/textView_QuantityText"
            app:layout_constraintTop_toTopOf="@+id/textView_QuantityText" />
        <TextView
            android:id="@+id/textView_TableNumberText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/_1sdp"
            android:text="Table: "
            android:textSize="@dimen/_9ssp"
            app:layout_constraintEnd_toEndOf="@+id/textView_QuantityText"
            app:layout_constraintStart_toStartOf="@+id/textView_QuantityText"
            app:layout_constraintTop_toBottomOf="@+id/textView_QuantityText" />
        <TextView
            android:id="@+id/textView_TableNumberValue"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3"
            android:textSize="@dimen/_9ssp"
            app:layout_constraintBottom_toBottomOf="@+id/textView_TableNumberText"
            app:layout_constraintStart_toEndOf="@+id/textView_TableNumberText"
            app:layout_constraintTop_toTopOf="@+id/textView_TableNumberText" />
        <ImageButton
            android:id="@+id/imageButton_message"
            android:layout_width="@dimen/_25sdp"
            android:layout_height="@dimen/_25sdp"
            android:layout_marginTop="8dp"
            android:background="@drawable/ic_baseline_markunread_24"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.221"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textView_TableNumberText" />
        <ImageButton
            android:id="@+id/imageButton_video"
            android:layout_width="@dimen/_25sdp"
            android:layout_height="@dimen/_25sdp"
            android:background="@drawable/ic_baseline_videocam_24"
            app:layout_constraintBottom_toBottomOf="@+id/imageButton_message"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.827"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/imageButton_message" />
        <TextView
            android:id="@+id/textView_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/_1sdp"
            android:text="Message"
            app:layout_constraintEnd_toEndOf="@+id/imageButton_message"
            app:layout_constraintStart_toStartOf="@+id/imageButton_message"
            app:layout_constraintTop_toBottomOf="@+id/imageButton_message" />
        <TextView
            android:id="@+id/textView_Video"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Video"
            android:layout_marginTop="@dimen/_1sdp"
            app:layout_constraintEnd_toEndOf="@+id/imageButton_video"
            app:layout_constraintStart_toStartOf="@+id/imageButton_video"
            app:layout_constraintTop_toBottomOf="@+id/imageButton_video" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

知道我该怎么做吗？我将高度感谢每一个评论，并将感谢您的帮助。

提醒:没有人知道我该怎么做吗？我经常看到这样的布局，所以我想做的应该不是非常不寻常的。

# # #回答:

创建一个可绘制的->rim。xml

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
     <stroke
        android:width="@dimen/space_lg"
        android:height="@dimen/space_lg"
        android:color="@color/#fff"
        android:dashGap="@dimen/space_sm" />
</shape>

在布局中只需使用:

 android:background="@drawable/rim"

# # #可拉的→rim。xml:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FFFFFF"/>
    <stroke
        android:width="3dp"
        android:color="#0FECFF"/>
</shape>

然后按照你想要的布局(在图片中)，我做了一个简化的相应布局:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/outerConstraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.35" />
    <View
        android:id="@+id/v_left_background"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginEnd="8dp"
        android:background="@drawable/rim"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/guideline"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <TextView
        android:id="@+id/textView_Name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="8dp"
        android:text="Left Side"
        android:textAlignment="center"
        android:textColor="#000000"
        android:textSize="16sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background"
        app:layout_constraintTop_toTopOf="@id/v_left_background" />
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/ll_navbar"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:background="@android:color/holo_green_dark"
        android:orientation="horizontal"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background"
        app:layout_constraintTop_toBottomOf="@id/textView_Name">
        <ImageView
            android:id="@+id/iv_1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_delete"
            app:layout_constraintEnd_toStartOf="@id/iv_2"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="@android:color/white" />
        <ImageView
            android:id="@+id/iv_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_delete"
            app:layout_constraintEnd_toStartOf="@id/iv_3"
            app:layout_constraintStart_toEndOf="@id/iv_1"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="@android:color/white" />
        <ImageView
            android:id="@+id/iv_3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_delete"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/iv_2"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="@android:color/white" />
        <TextView
            android:id="@+id/tv_1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Order sheet"
            android:textAlignment="center"
            android:textColor="#fff"
            android:textSize="12sp"
            app:layout_constraintEnd_toEndOf="@id/iv_1"
            app:layout_constraintStart_toStartOf="@id/iv_1"
            app:layout_constraintTop_toBottomOf="@id/iv_1" />
        <TextView
            android:id="@+id/tv_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Order"
            android:textAlignment="center"
            android:textColor="#fff"
            android:textSize="12sp"
            app:layout_constraintEnd_toEndOf="@id/iv_2"
            app:layout_constraintStart_toStartOf="@id/iv_2"
            app:layout_constraintTop_toBottomOf="@id/iv_2" />
        <TextView
            android:id="@+id/tv_3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Arrange products"
            android:textAlignment="center"
            android:textColor="#fff"
            android:textSize="12sp"
            app:layout_constraintEnd_toEndOf="@id/iv_3"
            app:layout_constraintStart_toStartOf="@id/iv_3"
            app:layout_constraintTop_toBottomOf="@id/iv_3" />
    </androidx.constraintlayout.widget.ConstraintLayout>
    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="8dp"
        app:layout_constraintBottom_toTopOf="@id/button_okay"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background"
        app:layout_constraintTop_toBottomOf="@id/ll_navbar" />
    <Button
        android:id="@+id/button_okay"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:background="@android:color/holo_green_light"
        android:text="Okay"
        android:textAllCaps="false"
        android:textColor="#fff"
        android:textSize="16sp"
        app:layout_constraintBottom_toBottomOf="@id/v_left_background"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background" />
    <View
        android:id="@+id/v_right_background"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:background="@drawable/rim"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/guideline"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

然后屏幕看起来像这样:

Constraint-wise:

(您可以在xml的设计标签中检查预览，我希望在代码中的约束是详细的，足以让您能够遵循)

更新

代码没有指南:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/outerConstraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">
    <View
        android:id="@+id/v_left_background"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginEnd="8dp"
        android:background="@drawable/rim"
        app:layout_constraintHeight_percent="0.8"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_percent="0.35" />
    <TextView
        android:id="@+id/textView_Name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="8dp"
        android:text="Left Side"
        android:textAlignment="center"
        android:textColor="#000000"
        android:textSize="16sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background"
        app:layout_constraintTop_toTopOf="@id/v_left_background" />
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/ll_navbar"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:background="@android:color/holo_green_dark"
        android:orientation="horizontal"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background"
        app:layout_constraintTop_toBottomOf="@id/textView_Name">
        <ImageView
            android:id="@+id/iv_1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_delete"
            app:layout_constraintEnd_toStartOf="@id/iv_2"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="@android:color/white" />
        <ImageView
            android:id="@+id/iv_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_delete"
            app:layout_constraintEnd_toStartOf="@id/iv_3"
            app:layout_constraintStart_toEndOf="@id/iv_1"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="@android:color/white" />
        <ImageView
            android:id="@+id/iv_3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_delete"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/iv_2"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="@android:color/white" />
        <TextView
            android:id="@+id/tv_1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Order sheet"
            android:textAlignment="center"
            android:textColor="#fff"
            android:textSize="12sp"
            app:layout_constraintEnd_toEndOf="@id/iv_1"
            app:layout_constraintStart_toStartOf="@id/iv_1"
            app:layout_constraintTop_toBottomOf="@id/iv_1" />
        <TextView
            android:id="@+id/tv_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Order"
            android:textAlignment="center"
            android:textColor="#fff"
            android:textSize="12sp"
            app:layout_constraintEnd_toEndOf="@id/iv_2"
            app:layout_constraintStart_toStartOf="@id/iv_2"
            app:layout_constraintTop_toBottomOf="@id/iv_2" />
        <TextView
            android:id="@+id/tv_3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Arrange products"
            android:textAlignment="center"
            android:textColor="#fff"
            android:textSize="12sp"
            app:layout_constraintEnd_toEndOf="@id/iv_3"
            app:layout_constraintStart_toStartOf="@id/iv_3"
            app:layout_constraintTop_toBottomOf="@id/iv_3" />
    </androidx.constraintlayout.widget.ConstraintLayout>
    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="8dp"
        app:layout_constraintBottom_toTopOf="@id/button_okay"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background"
        app:layout_constraintTop_toBottomOf="@id/ll_navbar" />
    <Button
        android:id="@+id/button_okay"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:background="@android:color/holo_green_light"
        android:text="Okay"
        android:textAllCaps="false"
        android:textColor="#fff"
        android:textSize="16sp"
        app:layout_constraintBottom_toBottomOf="@id/v_left_background"
        app:layout_constraintEnd_toEndOf="@id/v_left_background"
        app:layout_constraintStart_toStartOf="@id/v_left_background" />
    <View
        android:id="@+id/v_right_background"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:background="@drawable/rim"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHeight_percent="1"
        app:layout_constraintStart_toEndOf="@id/v_left_background"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_percent="0.6" />
</androidx.constraintlayout.widget.ConstraintLayout>

阅读全文

▼ 版权说明

相关文章也很精彩

我如何使箭头边框的背景色彩丰富

我需要把右边的箭头画成彩色的2b6a83 .tabordion { color: #333; display: block; margin: auto; position: relative; width: 80%; } .tabordion input[name="sections"] { position: absolute; to

Python如何在彩色边框内提取图像的区域？

我正在尝试在图像的边框上提取一个图像的分段区域(见下图)。我想在黄色盒子里提取图像的面积。参考译文:我从PDF中提取了这个图像，使用pdfwater的im。draw_rect函数需要ImageMagick和Ghostscript。我到处都能找到解决这个问题的方法，而Mark Setchell对问题Python的回答:如何通过图像(OpenCV Numpy)切割出一个特定颜色的区域(OpenC

python numpy image-processing imagemagick python-imaging-library

Android中背景和背景色调的区别

提问我试图理解背景和bgTint在Android中的区别，但我不明白何时何地我们使用背景或bgTint！ <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background=&

java android xml

彩色背景下图像与块的颜色过渡区域

我有一个屏幕分成两个部分，第一个是一个图像，然后当你向下滚动时，有文本和一个特定的颜色背景。正如您在我的演示中看到的，变化非常突然，我想要在图像和div与文本内容之间有一个sortav模糊。我该怎么做呢？ const App = () => { return ( <div className='wrapper'> <div className=

javascript html css reactjs

在Android 8中，使用形状绘图的按钮设置背景颜色和边框颜色

我正在尝试用形状绘图来设置背景颜色和边框颜色(创建button_start)。在Android 8中，xml是可拉伸的，但它似乎并不有效。 button_start。xml文件: activity_main。xml文件: 结果: 简短的回答:。< br / > 你不需要定义一个背景形状只是使用aMaterialButton with the shapeAppearanceOve

android xml button android-button border-color

如何使用jQuery改变css类的冒号和波浪线的边框和背景颜色？

我是一个使用jQuery的新手。如何使用jQuery更新边框和背景颜色？我想我的问题是jQuery选择器但是如何创建这个jQuery选择器呢？ $('.cls-box .cls-ctrl-input:bubble ~ .cls-ctrl-label::before') .css('border-color','unset !important') .css('background-colo

如何添加背景颜色和边框谷歌反应柱图？

我一直在遵循react谷歌图表的可视化记录在这里。我想要一个垂直的条形图，所以我被材料图选项卡住了。但是，背景颜色选项都不适用于材质图表。我如何添加边框和背景到我的图表呢？ # # #使用: chartType="ColumnChart"

charts google-visualization react-google-charts

在chartjs中图表区域的背景颜色不工作

提问我想给我的线条图的图表区域着色，但是它不工作: options={{ maintainAspectRatio: false, title: { display: true, fontSize: 20 }, chartArea: {

javascript reactjs chart.js react-chartjs react-chartjs-2

如何设置安全区域的swifttui表头的背景色？

我试图将安全区域的背景设置为横向列表头，但我似乎无法改变默认的深灰色。我可以对行进行更改，但不能对标题进行更改。我不想使用GroupedListStyle。只是想要一个普通的列表，但要改变安全区域背景: List { Section(header: HStack { SearchBar()

ios xcode swiftui swiftui-list

在具有线性渐变背景的元素上使用边框，使其边缘为纯色

当创建一个具有线性背景且没有边框的span元素时，一切都可以正常工作。但是一旦我添加了一个边界，颜色从梯度变成固体，只是坐在边缘。增加边框大小可以缓解这个问题，但我发现没有办法在不增加边框宽度或删除边框的情况下完全消除这个问题。元素的CSS: background: linear-gradient(45deg, #0000ff, #ff0000); color: white; bo

如何创建弧与纯色的Android背景在肖像和风景

我当前的Android应用程序UI需要一个双色调的背景和一个弧形的边界，如下图所示我可以在竖屏中实现这种效果(尽管我不喜欢使用负边距值)如下… <ImageView android:id="@+id/backgroud_arc" android:layout_width="match_parent"

android android-drawable

不能在React引导中给出彩色背景

大家好，我正在尝试使用react-bootstrap制作应用程序，现在我正在尝试制作页脚，但我不能使用*标签给我的页脚背景颜色。它会给所有的组件提供背景色，而不仅仅是页脚组件。有人能帮我吗？感谢任何帮助。我的代码: import '../styles/Footer.css' import {Row, Col} from "react-bootstrap" const

html css reactjs

visNetwork R:指定可变节点背景颜色和边框颜色

我想要改变我的图表上的节点的背景颜色，也可以使用边框颜色来确保与边缘相比很好地显示出来的节点。我认为以下应该起作用，但它没有: nodes <- data.frame(id = 1:3, color = c("lightblue","red","blue")) edges <-

r networking visnetwork

Outlook 2019背景彩色渲染错误

出于某种原因，我们的电子邮件中的白色头开始显示在2019年outlook中通过它的粗灰色线。其他电子邮件客户工作也很好。起初，我们认为它只是一个litmus bug，但它不是因为它在客户收到邮件时也可见。尽管我们的大部分邮件共享相同的头，但这都是屏幕截图(我要隐藏客户信息的蓝色部件): 还有代码: <tr>

html email outlook html-email litmus

如何在Python Tkinter中改变框架的背景颜色？

我是一个a - level的学生，用Python编写了一个多帧程序，但我在设置帧的背景颜色时遇到了困难。我正在使用类和栈，我的登陆页面已经配置没有问题，但我不知道如何去改变其他。下面是我的一个类的片段: class reset_pw_page(tk.Frame): def __init__(self, parent, controller):

不能在角数据表中更改页眉、页脚边框和背景颜色

我试图自定义我的数据表，但没有得到很多东西关于这。尝试改变css，但那也不起作用。 datatable。component。html: <style> .table1.dataTable { font-family: sans-serif; font-size: 11px; border-bottom-colo

html css angular datatable datatables

如何在vegalite可视化使用复选框改变文本的背景和颜色？

如何在vega-lite可视化使用复选框改变文本的背景和颜色？也许你能帮忙。我想创建一个复选框，允许你改变背景和文本的颜色。 "params": [{ "name": "Show", "bind": {"input": "checkbox"} }]

kibana vega-lite vega

根据区域的背景改变汉堡菜单的颜色

我制作一个汉堡包菜单组件和固定，以固定财产本菜单特点的三行这些是白色的我需要的是，当在一个部分是白色的它改变黑人甚至我占领了文本与背景对比的方法，但它没有工作因为它bg必须在组件的父div中，而不是我发送它调用它的地方，所以如果有人可以帮助我如何使它改变颜色，或者如果有一个汉堡包的一些npm改变了bg的颜色。另外，有必要考虑到，在每个不同的页面，它有不同的bg和在所有的页面，我命令调用nav作

javascript html css reactjs next.js

为什么我的导航区域的背景色不正确

我正在为一个使用较老版本twitter bootstrap的类做一个项目，在这个过程中，我发现我的背景颜色有些奇怪。在和其中一个元素上，我指定了相同的背景颜色#D3D3D3，但当我在浏览器中查看页面时，这两个部分的背景有不同的灰色。任何关于为什么会出现这种情况以及如何解决它的想法都将受到欢迎。我的页面是: http://donraikes。github。io/hcj/csstest/

推荐内容

更多标签

android-multithreading

transfer-learning

相关热门

如何使调查部分的每一个问题（网页的HTML,JS和CSS）？

Conda环境不能在VSCode Ubuntu 20中工作

如何从方法返回对象A或对象B

停止OpenLayers2以在特定缩放级别加载瓷砖

使用rails&# 39;通过改名协会构建()方法

当使用html2pdf库将html转换为pdf时，Y轴文本截断？

显式链接到libc (lc)

数据表删除电子邮件行动与ajax不捕捉数据

FileNotFoundError: [Errno 2] No such file or directory: 'test_text.txt'

Bash将字符串替换为另一个确定模式中的字符串

全站排行

Python 如何转换a ' <tkinter.图片对象与gt ？“进入png文件？

Spring Boot 如何在传递认证令牌的同时将一个客户端重定向到另一个客户端？(歌珥问题)

在图像上，我想把图像放在其他页面的“s容器”中，我怎么能做到这一点呢？

隐写译码不给我正确的输入键，我如何修复它？

如何通过Laravel应用程序中的cryptocompare API获取BTC价格

RN onessignal _open事件

在“URL”上执行“createObjectURL”失败:重载解析失败

Openssl_encrypt对某些字符串有效，对其他字符串无效

在Angular中获取下一个路由URL

错误[2]在使用django使用管道时发现没有这样的文件

随便看看

如何获得gif帧使用节点GraphicsMagick/ImageMagick

Invalid argument(s): No host specified in URI file:///

索引.图没有预料到

自动重塑熊猫DataFrame作为不同长度的列添加到现有的DataFrame？

/login route下载文件而不是运行callback [Java Spark]

gorg不能访问谷歌表

javascript节点从url使用fs保存图像

如何在React网格布局中给WidthProvider特定的宽度值

codeigniter项目的副本不能在同一服务器上工作，而是在子域上工作

从数组中删除空对象，如果结果数组为空，则从父对象中删除

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载；网站内容仅供参考，生产环境使用务必查阅官方文档

辽ICP备19011660号-5