在Google的材料设计规范中,我看到指定为百分比的颜色:
要传达信息层次结构,可以对文本使用不同的阴影.白色背景上文本的标准alpha值为87%(#000000).在视觉层次结构中较低的辅助文本的alpha值应为54%(#000000).
我不明白这些百分比是如何运作的.例如,如果背景颜色为白色,文本的颜色是什么?
如果我的背景说#607D8B怎么办?我的文字颜色是什么?它只是背景颜色,不透明度(alpha)设置为百分比?
这只是一个小问题,可以加快速度,但我想知道是否可以引用其他颜色并在 XML 文件中添加其他信息。
我知道这段代码有效:
<color name="primary1">#708FA3</color>
<color name="primary1_transparent">@color/primary1</color>
Run Code Online (Sandbox Code Playgroud)
但我想知道是否有办法为 Primary1_transparent 添加一定程度的透明度?通过在作业中或之后串联。例如这样的事情:
<color name="primary1">#708FA3</color>
<color name="primary1_transparent">#55 + @color/primary1</color>
Run Code Online (Sandbox Code Playgroud)
我知道这看起来很糟糕而且不起作用,但希望它能让我清楚地知道我想要做什么。
显然,节省的时间并不重要,因此尴尬的解决方法不会有太大帮助,但它似乎是我找不到的可能现有的功能/黑客。
如何让parseColor颜色值变为透明.
mPaint.setColor(Color.parseColor("#FFFF00"));
Run Code Online (Sandbox Code Playgroud)
感谢帮助
我想为包含十六进制颜色代码的容器设置不透明度。我是新来的扑扑。请帮我。这是代码。提前致谢。
final body = Container(
width: MediaQuery.of(context).size.width,
margin: const EdgeInsets.only(left: 40.0, right: 40.0),
padding: EdgeInsets.all(28.0),
decoration: new BoxDecoration(
color: const Color(0xFF0E3311),//here i want to add opacity
border: new Border.all(color: Colors.black54,
),
borderRadius: new BorderRadius.only(
topLeft: const Radius.circular(40.0),
topRight: const Radius.circular(40.0),
bottomLeft: const Radius.circular(40.0),
bottomRight:const Radius.circular(40.0) )
),
child: Column(
children: <Widget>[ email, password,loginButton],
),
);
Run Code Online (Sandbox Code Playgroud) 我有一个<div>透明背景颜色的元素():rgba(96, 96, 96, .1)我假设我的元素有一个白色背景的包装.
有没有办法使用LESS css将透明颜色转换为十六进制?例如,rgba(96, 96, 96, .1)应该等于#efefef.
我已经阅读了颜色功能文章,但还没有找到合适的答案.
有没有办法在xml资源文件中引用具有修改后的alpha值的颜色资源?我正在寻找的是这样的:
<!-- base color -->
<color name="myColor">#19AEE0</color>
<!-- redefined color with alpha - not particularly elegant -->
<color bane="myColor2">#8019AEE0</color>
<!-- referenced color with alpha -->
<color name="myColorTransparent" alpha="0.5">@color/myColor</color>
Run Code Online (Sandbox Code Playgroud)
我知道这可以通过编程方式轻松完成,但是在为同一颜色定义多个透明度值时,以声明方式执行它会更清晰,更易读.
我想在 Firestore 中将颜色存储为“颜色”并检索它以添加我的卡片的颜色;
但是当我添加新数据时,它不会被添加。也许我将颜色值存储为字符串,而颜色不支持字符串。那么我该如何解决这个问题呢?
代码如下 -
这是我调用 Firestore 并添加文档的地方(有一个名为“color”的文档)
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
class FirestoreServices {
final _fireStore = Firestore.instance;
void addNewMatch(int rScore, int bScore) async {
if (_fireStore.collection('matches').snapshots() != null) {
if (rScore > bScore)
await _fireStore.collection('matches').add({
'WinnerText': 'Rikesh Wins',
'RS': rScore,
'BS': bScore,
'Score': ('${rScore.toInt()} - ${bScore.toInt()}'),
'id':
_fireStore.collection('matches').document().documentID.toString(),
'date': DateFormat.yMMMd().format(DateTime.now()),
'color' : Colors.red
});
if (bScore > rScore)
await _fireStore.collection('matches').add({
'WinnerText': 'Bibin Wins',
'RS': rScore,
'BS': bScore,
'Score': ('${bScore.toInt()} - ${rScore.toInt()}'),
'id':
_fireStore.collection('matches').document().documentID.toString(),
'date': DateFormat.yMMMd().format(DateTime.now()), …Run Code Online (Sandbox Code Playgroud) 我有一个矩形的LinearLayout,它有一些边距,一些圆角和一个0.3的alpha值.在这个布局中,我有4种不同的布局,因为我在不同的位置显示不同的图像.
我的问题是虽然主要布局是0.3,但我希望我的孩子完全可见,或者不受它的父母alpha影响,我想知道我怎么能请那样做呢?我尝试在子布局上设置alpha = 1,但它不起作用.将它设置为0确实会使子布局消失,所以看起来我可以减少到0.3以下,但不能超过父级.这是一个错误还是我做错了?
谢谢.
我需要能够将背景设置为完全透明.似乎以前没有人尝试过.请帮忙.
如果我正确,我们需要使framelayout背景完全透明.但这样做没有任何影响.
感谢你的所有回应,但到目前为止它们似乎都没有.
为了进一步澄清,我需要使listview下面的背景透明.
也就是说,当抽屉完全打开时.可以看到来自下面活动的部分屏幕.它显示为模糊的灰色,一些文字可见.我需要它完全可见.
我是否需要更改活动中的某些主题?
以下是完整的布局xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/navDraweLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
android:orientation="vertical" >
<RelativeLayout
android:id="@+id/headerLayout"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@color/headerBlue"
android:gravity="center_vertical"
android:orientation="horizontal"
android:padding="10dp" >
<Button
android:id="@+id/drawer_btn"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:layout_alignParentLeft="true"
android:background="@color/logoutBtnBlue"
android:onClick="drawerBtnClicked"
android:padding="5dp"
android:textColor="@color/white" />
<TextView
android:id="@+id/headerText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:text="PeepApp"
android:textColor="@color/white"
android:textSize="25dp" />
<Button
android:id="@+id/logout_btn"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:background="@color/logoutBtnBlue"
android:onClick="logoutBtnClicked"
android:padding="5dp"
android:text="Logout"
android:textColor="@color/white" />
</RelativeLayout>
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="1"
android:background="@android:color/transparent"
>
<FrameLayout
android:id="@+id/content_frame"
android:alpha="0.3"
android:background="#00000000"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!--
android:layout_gravity="start" tells DrawerLayout to treat
this as …Run Code Online (Sandbox Code Playgroud) 我无法弄清楚如何在图像上应用滤镜.
在这种情况下,我希望图像更暗(黑色,40%透明度,图像顶部的图层将给我我想要的结果).但是,如果我知道如何在任何颜色的图像(具有一定的透明度)上放置图层以使其在视觉上与应用程序的其他UI元素更加兼容,那将是有用的(将来).
它现在看起来如何.
我希望它如何在应用程序上查看(上面的图像已在Adobe Illustrator中编辑但是如果我使用它,即使它的大小不大,应用程序也会反复崩溃)
此外,我怀疑在Android工作室必须有一种方法可以做到这一点,而无需任何图像编辑软件.
如果我错了,请纠正我;)