Jetpack Compose是用于构建原生Android UI的现代工具包,使用更简洁的代码、强大的工具和直观的Kotlin API,简化并加速了Android上的UI开发。不同于Andorid常见的Xml+命令式Coding的UI开发范式,Compose基于Kotlin的DSL实现了一套类似React的声明式UI框架。伴随React Native、Flutter等大前端框架的兴起以及Jetpack Compose、SwiftUI等native框架的出现,声明式UI正逐渐成为客户端UI开发的新趋势,那么下面主要就来介绍一下Compose中全新的文本框。
@Composable
fun TextField(
value: TextFieldValue,//要展示的文本
onValueChange: (TextFieldValue) -> Unit,//监听文本变化
modifier: Modifier=Modifier,//修饰符,常用于背景设置等
enabled: Boolean=true,//是否能用
readOnly: Boolean=false,//是否只读
textStyle: TextStyle=LocalTextStyle.current,//文本格式
label: @Composable (() -> Unit)?=null,//标签
placeholder: @Composable (() -> Unit)?=null,//占位符,输入为空时展示
leadingIcon: @Composable (() -> Unit)?=null,//最左边的图标
trailingIcon: @Composable (() -> Unit)?=null,//最右边的图标
isError: Boolean=false,//当前输入是否错误
visualTransformation: VisualTransformation=VisualTransformation.None,//指定输入类型,类似inputType
keyboardOptions: KeyboardOptions=KeyboardOptions.Default,//自定义键盘按键
keyboardActions: KeyboardActions=KeyboardActions(),//自定义按键事件
singleLine: Boolean=false,//单行显示
maxLines: Int=Int.MAX_VALUE,//最大行数
interactionSource: MutableInteractionSource=remember { MutableInteractionSource() },//某个交互流
shape: Shape=MaterialTheme.shapes.small.copy(bottomEnd=ZeroCornerSize, bottomStart=ZeroCornerSize),//定义文本框背景
colors: TextFieldColors=TextFieldDefaults.textFieldColors()//各种cursor、文本等颜色
)
复制代码
日常开发中,经常会使用到文本输入框;一般样式为左边是一个搜索的图标,右边是清楚文本图标,如果文本框未输入,则提示hint关键词,效果大概是以下这种:
那么如何用compose实现上述满足我们日常用法的输入框呢,代码如下:
@Composable
fun ShowTextField(context: MainActivity) {
//初始化文本变量
var text by remember { mutableStateOf("") }
TextField(
value=text, // 显示文本
onValueChange={ text=it }, // 监听文本变化,并赋值给text
label={ Text(text="Input") }, // 设置label
leadingIcon=@Composable {// 设置左边图标
Image(
imageVector=Icons.Filled.Search,
contentDescription="search", //image的无障碍描述
modifier=Modifier.clickable {// 通过modifier来设置点击事件
Toast.makeText(
context,
"search $text",
Toast.LENGTH_SHORT
).show()
})
},
trailingIcon=@Composable {//设置右边图标
Image(imageVector=Icons.Filled.Clear,
contentDescription="clear",
modifier=Modifier.clickable { text="" }) // 添加点击清空事件
},
placeholder=@Composable { Text(text="This is placeholder") },//hint提示语
}
复制代码
接入Compose的日常文本框效果就是这个样子:
可以看到,Compose作为一款全新的UI工具包,动效并不输于基于View的系统实现的文本框;重点是代码量少了 a lot有木有?! 这些就是Compose的贴心之处,能帮助开发者花更少的精力在UI和动效搭建上,这些统统都帮实现好了,从而把节省下来的时间更多的放在业务逻辑中;
现在让我们来加几行代码,看看能不能实现更炫酷的效果:
isError=true, //是否显示错误提示
visualTransformation=PasswordVisualTransformation(),//展示密文
keyboardOptions=KeyboardOptions(imeAction=ImeAction.Search),//自定义回车为搜索操作
keyboardActions=KeyboardActions(//将搜索事件自定义
onSearch={
Toast.makeText(
context,
"search $text",
Toast.LENGTH_SHORT
).show()
复制代码
新增这几行代码后效果就变成了这种效果:
相较于之前的效果,文字和输入框下划线都被标上了表示错误的红色,这里红色能不能自定义呢?将在后面进行解答,同时文本显示成被加密的密文格式,软键盘的回车键也被修改成了搜索按钮;不仅能修改成搜索,还能自定义成发送、完成等按钮,查看 ImeAction 文件可知,总共有下面这些自定义按钮类型,大家可以去自己自定义试试:
val None: ImeAction=ImeAction(0)
val Default: ImeAction=ImeAction(1)
val Go: ImeAction=ImeAction(2)
val Search: ImeAction=ImeAction(3)
val Send: ImeAction=ImeAction(4)
val Previous: ImeAction=ImeAction(5)
val Next: ImeAction=ImeAction(6)
val Done: ImeAction=ImeAction(7)
复制代码
那如果有的需求需要设置输入框圆角样式呢,非常简单,不需要繁琐的设置selector,只需要简单一行代码搞定:
shape=RoundedCornerShape(16.dp),//设置文本框圆角
复制代码
那有人又问了,我只需要实现半圆角效果怎么办,同样也是一句代码就能实现:
shape=RoundedCornerShape(16.dp,16.dp,0.dp,0.dp),//设置文本框圆角
复制代码
可以通过查看 RoundedCornerShape源码得知它能设置圆角的原因
fun RoundedCornerShape(
topStart: Dp=0.dp,
topEnd: Dp=0.dp,
bottomEnd: Dp=0.dp,
bottomStart: Dp=0.dp
)
...
fun RoundedCornerShape(corner: CornerSize)=RoundedCornerShape(corner, corner, corner, corner)
...
//outline通过设置bounds来绘制形状
override fun createOutline(
size: Size,
topStart: Float,
topEnd: Float,
bottomEnd: Float,
bottomStart: Float,
layoutDirection: LayoutDirection
)=if (topStart + topEnd + bottomEnd + bottomStart==0.0f) {//如果未设圆角,则显示长方形
Outline.Rectangle(size.toRect())
} else {
Outline.Rounded(//如果设置了圆角,则显示圆角形状
RoundRect(
rect=size.toRect(),
topLeft=CornerRadius(if (layoutDirection==Ltr) topStart else topEnd),
topRight=CornerRadius(if (layoutDirection==Ltr) topEnd else topStart),
bottomRight=CornerRadius(if (layoutDirection==Ltr) bottomEnd else bottomStart),
bottomLeft=CornerRadius(if (layoutDirection==Ltr) bottomStart else bottomEnd)
)
)
}
复制代码
之前上文提到的红色下划线如何自定义呢,TextField 中有个参数 colors 供开发者来自定义文本框每个状态下的颜色:
colors=TextFieldDefaults.textFieldColors(
focusedIndicatorColor=Color.Transparent,//有焦点时 底部指示条为透明
unfocusedIndicatorColor=Color.Green,//无焦点,为绿色
errorIndicatorColor=Color.Red,//错误时,为红色
disabledIndicatorColor=Color.Gray,//不可用,灰色
)
复制代码
为了不让文本框一直处于错误状态,我们还需要对isError状态进行修改:
isError=false, //展示错误提示
复制代码
如果不对Error状态进行更改,文本框将处于错误状态,下划线将一直是红色的;大功告成之后,现在来看下文本框的样式:
可以看到,当失去焦点时,下划线是我们指定 unfocusedIndicatorColor 的绿色;获取到焦点并输入文本时,下划线是指定 focusedIndicatorColor 的透明颜色;至于不可用状态和错误状态下的颜色,大家可以模拟场景进行测试;
轮廓式文本框OutlinedTextField
OutlinedTextField几乎和普通的TextField有着相同的API,但它还能实现文本框描边,顾名思义,轮廓式文本框自带了轮廓描边,能够轻易实现产品和UI眼中的效果
可以来个简单demo演示一下:
@Composable
fun OutlinedTextFieldDemo() {
var text by remember { mutableStateOf("") }
OutlinedTextField(value=text,
label={ Text(text="Input something") },//这里label为文本框未输入时显示的文本
onValueChange={ text=it })
}
复制代码
用法和TextField一致,只是在样式上有不同:
基本文本框BasicTextField
可以看到不管是 TextField 还是 OutlinedTextField 其实都已经帮开发者实现了常见文本框大部分的动效及功能,但实际开发中会遇到非常多特殊场景,需要一款基本文本框让开发者去高度自定义实现业务所需样式,那么大家可以尝试着使用一下 BasicTextField ,它能用来相应硬件或软键盘编辑文字,可以自定义cursor、边框等,因为边框是自定义了,label属性在 BasicTextField 中也可以剔除了;它的API和TextField存在一部分差异,可以一起来看下:
@Composable
fun BasicTextField(
value: String,//显示文本
onValueChange: (String) -> Unit,//监听文本变化
modifier: Modifier=Modifier,//修饰符,常用于设置背景等
enabled: Boolean=true,//是否可用
readOnly: Boolean=false,//是否只读
textStyle: TextStyle=TextStyle.Default,//文本格式
keyboardOptions: KeyboardOptions=KeyboardOptions.Default,//自定义键盘按键
keyboardActions: KeyboardActions=KeyboardActions.Default,//自定义按键事件
singleLine: Boolean=false,//单行显示
maxLines: Int=Int.MAX_VALUE,//最大行数
visualTransformation: VisualTransformation=VisualTransformation.None,//指定输入类型,类似inputType
onTextLayout: (TextLayoutResult) -> Unit={},//监听布局变化
interactionSource: MutableInteractionSource=remember { MutableInteractionSource() },//某个组件的交互流
cursorBrush: Brush=SolidColor(Color.Black),//自定义cursor需要用到
// 用来定义装饰框,innerTextField用来绘制文本
decorationBox: @Composable (innerTextField: @Composable () -> Unit) -> Unit=@Composable { innerTextField -> innerTextField() }
)
复制代码
同样的,拿到API后我们先来写个简单demo:
@Composable
fun ShowBasicTextField(context: MainActivity) {
var input by remember {
mutableStateOf("hello")
}
BasicTextField(
value=input, // 显示文本
onValueChange={ input=it }, // 文字改变时,就赋值给text
)
}
复制代码
展示效果如下:
emmm咋就一个hello呢,文本框的边界都看不到,那如果我设定初始值为空,那岂不连这个文本框都不知道在哪?♀?;真的是够原始,真的够Basic,但正是因为这样所以能去高度自定义文本框样式,让我们看看 BasicTextField 正确的打开方式是怎样的:
首先给它来加个背景吧,要不然连它在哪都不知道了:
modifier=Modifier.background(Color.Green, RoundedCornerShape(8.dp)),//设置绿底色,8dp圆角的背景,也可通过上述方法来设置半圆角
复制代码
效果如下:
怎么可能仅仅满足于只加个背景颜色呢,让我们画个文本框,添加如下代码:
decorationBox=@Composable { innerTextField ->
// 通过canvas来画文本框的修饰等, modifier决定了文本框长宽
Canvas(modifier=Modifier.size(width=100.dp, height=50.dp)) {、```
//画个圆
drawCircle(color=Color.Red, style=Stroke(width=1F))
}
// 然后再画文字
innerTextField()
}
复制代码
上述代码操作很简单,就是先通过Canvas画布对文本框的边界进行绘制,然后在内部绘制了一个圆形,最后调用innerTextField绘制文本框内部的文字,效果如下:
其实Canvas画布上不仅仅能绘制边框和圆形,查看源码之后发现还能绘制icon、占位符placeHolder等等,而且绘制文字的innerTextField方法只能调用一次:
* @param decorationBox
* Composable lambda that allows to add decorations around text field, such
* as icon, placeholder, helper messages or similar, and automatically increase the hit target area
* of the text field. To allow you to control the placement of the inner text field relative to your
* decorations, the text field implementation will pass in a framework-controlled composable
* parameter "innerTextField" to the decorationBox lambda you provide. You must call
* innerTextField exactly once.
复制代码
如果普通的文本框没法满足业务需求,各位看官可以尝试使用BasicTextField,能高度自定义文本框样式;
如果普通文本框正好是我们想要的,使用TextField即可;
如果想用空心的轮廓式文本框,则使用OutlinedTextField;
TextField和OutlinedTextField一个是实心一个是空心文本框,其余API完全一致;而BasicTextField在API上有着一定的差异,可以高度自定义样式;
以上便是本次分享的全部内容,希望对你有所帮助^_^
喜欢的话别忘了 分享、点赞、收藏 三连哦~
欢迎关注公众号 程序员巴士,来自字节、虾皮、招银的三端兄弟,分享编程经验、技术干货与职业规划,助你少走弯路进大厂。
019德国iF设计大奖终于揭晓!
今年是德国iF设计奖走过的第66个年头
共有52个国家的参赛者提交作品
共计6375份
而其中脱颖而出的金质奖只有65件
今天就跟着象君来看看
究竟哪些设计夺得大奖
我们8件中国设计也在其中哦
产品设计类
美的Superior系列炖锅
设计公司:美的集团佛山分公司(中国)
Superior系列厨具诠释了中国设计元素,实木手柄与白陶瓷搭配,更适合年轻家庭。造型简洁,柔和别致,结合优选材料和配色,卓然出众。
Cila Go系列学习椅
设计公司:Lievore Altherr(西班牙)
这一套椅子专门为学习培训的使用情景而设计,学习椅外观的莫兰迪色调十分讨喜,椅子的功能性很强。
椅子上配有延伸桌板,底座内设计有存储空间。同时也可以拆卸,作为带脚轮的凳子使用。
京瓷KY-01L卡片式手机
设计公司:NTT DOCOMO, INC.(日本)
这款手机就只有名片大小,是目前全球最轻薄的手机。电子纸屏幕的设计降低能耗,同时具有独特触感,运用统一设计,创造了屏幕字符的浮动显示效果。
Hydro Flask多功能饮料杯
设计公司:Hydro Flask(美国)
这款多功能饮料杯容积约为350毫升,外覆硅胶套,可以保温、保冷,可放进不同厚度的瓶罐,是露营的必备神器。
法拉利Monza SP1跑车
设计公司:Ferrari S. p. A.(意大利)
法拉利发布了全新限量版特别系列“Icona”的首发车型,由法拉利设计总监Flavio Manzoni带领的其设计团队设计。
灵感来自20世纪50年代法拉利经典车型,搭载V12发动机,在公路车身中安置跑车型驾驶座舱,采用“虚拟挡风板”。
摒弃了传统的车顶和挡风玻璃,驾驶员可以在不戴头盔的情况下享受赛车般驾驶体验。
Ujet电动踏板车
设计公司:Leo Burnett - Laeufer(德国)
这是一款可以折叠的电动脚踏车,体积小,轨道轮安全性好。同时安装导航系统、电话及摄像头,可以应对大城市中的交通问题。
Beside便携式空调
设计公司:Daikin Industries, Ltd.(日本)
这是一台便携式空调,室内外均可使用。产品小而轻巧,因采用小型压缩机,改变了散热器的布局。极简的设计风格和功能组件表现出色,且通过环保认证。
ANAORI CARBON POT DISC蒸锅
设计公司:Carozzeria Cawai Corp.(日本)
这款蒸锅的名字叫唱片,线条精致优美,手感良好。
材质采用航空领域所用的99.9%工业级纯碳,散热效果良好。转动锅盖即可开关蒸汽孔。
LUMI 2.0新一代电脑
设计公司:Compal Experience Design(中国台湾)
这款电脑像台灯一样,无屏幕的投影功能十分创新,采用人工智能和AR技术,鼓励用户在游戏中学习。
视觉传达和混合实境体验融为一体,旋转电脑顶部,可将其投射在墙上,提供更好的沉浸式体验。
Luminaire Innov-is XP1缝绣两用机
设计公司:Brother Industries, Ltd.(日本)
这是一款家用的缝纫、绣花两用机,亮点是直观的图形界面和触摸屏,控制装置十分清晰。
适用于缝制被褥和大型刺绣,它还配置了投影仪,可在布料上投射纹样和制作指南,这样用户使用起来非常轻松。
Leg&Go 8in1可变形平衡自行车
设计公司:"Shaman Inventions", Ltd.(拉脱维亚)
这款自行车采用独特的车架设计,能够改装成踏板自行车、极地自行车等8种不同造型。亮点是悬臂式木架、自然的人体工程学结构和极简的功能细节。
设计公司:V C/O Viessmann Group(德国)
这款热水器把所有零部件都整合到盒中,外观实现了精致圆角半径和无痕细长前面板。控制面板的高度可调节,白色哑光的表面材质和室内环境融合得刚刚好。
Signia Styletto助听器
设计公司:Sivantos 、TEAMS (德国)
这款助听器一点都不像冰冷的医学设备。细长型设计,将年轻化元素融入其中。配备了便携式充电盒,为听力患者带来全新用户体验。
Rainfinity Produktfamilie淋浴系统
设计公司:Phoenix Design GmbH & Co. KG(德国)
这一淋浴系统采用最新的“粉末雨”喷洒方式,可让人在不沾湿脸和头发的前提下,将身体从头到脚清洗干净。整个淋浴系统包括头顶花洒、手拿花洒及储物台,线条流畅和谐。
Urban Iki儿童自行车座椅
设计公司:Idenova BV Industrial Design(荷兰)
哑光表面和柔色配合是座椅亮点,产品由3D激光技术制成。5分钟即可装置完成,前部带有挡风玻璃,5带扣的安全带可以轻松后翻、松开。实现形式和功能的完美平衡。
LG OLED (E9)电视机
设计公司:LG Electronics(韩国)
这款电视采用浮动屏设计,移除屏幕之外的任何元素,从正面看不到线缆,仿佛悬浮在空中,其实背后带有玻璃底座和隐形支架。
Nest Thermostat E恒温器
设计公司:Nest Labs Inc.(美国)
这款恒温器节能且易于安装,搭配Heat Link E系统,通过控制器调节温度,还能通过Nest app联网操作,十分方便。
谷歌Pixel 3和Pixel 3 XL智能手机
设计公司:Google LLC(美国)
Pixel 3系列是谷歌的第三代高端智能手机,Pixel 3 XL则为刘海屏设计,注重细节和彩色材料的运用。
搭载了双前置摄像头、支持无线充电、优化了天线配置等。以绝佳用户体验打造这一系列手机。
美诺G7965 ScVi洗碗机
设计公司:Miele & Cie. KG(德国)
这款洗碗机内置世界上第一个自动干粉投加系统,会根据需求在精确时间里自动喷洒。轻敲两下即可自动开门,可以循环清洗20次。
篮架结构设计清晰便利,3D多曲餐具屉可以放置小的陶瓷餐具。M Touch显示屏还方便用户选择程序。
惠普Spectre Folio笔记本电脑
设计公司:HP Design、Native Design、Bilio(美国)
这款笔记本电脑外覆天然粒面真皮,合上时复古感十足,转轴处的曲线十足柔和。
拥有多种打开方式,屏幕可以向前伸出用于固定支撑,可将键盘隐藏,提供奢华用户体验。
Salt & Pepper手提灯
设计公司:Tobias Grau GmbH(德国)
这款便携手提灯采用无线缆设计。灯上端为触摸感应式,可以轻松调节亮度。集成warmDIM技术,可根据亮度自动调节色温。
IONITY电动汽车充电站
设计公司:宝马集团旗下Designworks(美国)
这充电站可以完美解决长途旅程中电动汽车续航问题,使电动汽车成为传统市外交通工具的替代品。高识别度、受欢迎的前沿视觉形象也为其加分。
SIMOTICS S1FK2伺服电机
设计公司:at-design GbR(德国)、Siemens AG(德国)
这款伺服电机适用于机械工具、包装机械、机器人以及其它高要求的自动化应用。每个细节组件均遵循着特定技术需求,界面工艺精湛。
Sonos Beam智能条形音箱
设计公司:Sonos, Inc.(美国)
这是一款新型智能音箱,可以通过声控或app进行控制。设计语言简约流畅,造型小巧,声音却能填满整个房间,听觉体验极佳。
美诺MasterCool系列组合冷藏冰箱
设计公司:Miele & Cie. KG(德国)
这款冰箱的设计优雅纯粹,由高品质材料制成,配置LED照明系统,设有电动开门辅助装置。
旁边还设有酒柜,其中均为木制搁架,可根据酒瓶直径调整宽度,同时有5种照明方式可选。
索尼CL-N810 LED手提灯
设计公司:Sony Corporation(日本)
这款手提灯整体外观很讨喜,是野外出行的照明神器,同时还能充当手机充电器。内含大容量电池,可提供长时间照明,结构简单耐用,防水防划痕。
索尼aibo机器狗
设计公司:Sony Corporation(日本)
这款人工智能狗可在与人类互动中,逐渐建立个性。它拥有圆润流畅的造型和仿真形态,其中带有22个制动器,具有灵活的行动性能,将人工智能和机械电子学完美融合于一体。
肖特CERAN EXCITE?微晶玻璃炉灶板
设计公司:SCHOTT AG(德国)
这套灶台现代感十足,材质为微晶玻璃,强烈的配色和不同的照明模式,增强了易用性。
海蒂诗ComfortSpin转盘
设计公司:Paul Hettich GmbH & Co. KG(德国)
这款转盘适用于所有的冰箱或橱柜,即插即用,可360°自由旋转。
解决拿取冰箱或储物柜后部物品的日常问题。
三星VL系列VL5&VL3无线音箱
设计公司:Samsung Electronics Co., Ltd.(韩国)
三星的这款无线音箱完美诠释了极简设计风格,同时保留了精致的情感化细节。
用户可通过表盘遥控器,轻松翻找曲目,可通过语音控制暂停、播放等基础操作。
HEWI System 900卫生系统
设计公司:NOA GbR(德国)
这是一套兼具美感和功能性的卫生系统,充分考虑使用者的便利性及安全性,整体设计语言简洁纯粹。
蔡司ZEISS ZX1数码相机
设计公司:designaffairs GmbH(德国)
这款相机为无反光镜全画幅相机,拥有优良比例,符合人体工程学。新用户界面体现软硬件共生,可以用它直接拍摄、编辑、上传分享照片。
Balanced厨房用刀套装
设计公司:Paul Cohen Design(澳大利亚)
这是一套功能性非常强的刀具,特制一体式刀刃和刀柄,由最高等级机加工不锈钢制成,表面是黑色氧化食品级涂层。
刀柄处有磁性连接的砝码,重量为20-60g不等,可以根据自己的使用习惯来调节刀的重量,以便调整平衡度。
比如将砝码向前移,即可用刀砍切食材,将砝码后移,则能用刀进行精细切割。
薄膜太阳能生态汉瓦
设计公司:汉能移动能源控股集团(中国)
这款瓦片利用全球领先的薄膜太阳能技术,拥有建造房屋的环保、无污染发电功能。单玻三曲面瓦片实现了光伏电池的全新境界,为房屋建造提供兼具功能性和美感的材料选择。
Assem系列浴缸和洗手池
设计公司:SY DESIGN(韩国)
这是一系列模块化卫浴产品,可以根据自由搭配,将固定物件进行简单偏移重组,创造不同的模式,来适应家中空间的局限性。
产品设计简约经典,表面处理独特柔和,灵活造型更添优雅。
一体化太阳能卷轴充电器
设计公司:尚越光电科技股份有限公司(中国)
这是一款采用薄膜太阳能电池技术的移动充电器,在阳光下展开,即可成为充电器。
同时还配备了蓝牙喇叭、手电筒、智能遥控器和锂电池。可听歌,也可以提供照明,是户外活动不可或缺的产品。
CineAlta VENICE (MPC-3610) 数字电影摄影机
设计公司:Sony Corporation(日本)
这是一款数字电影摄影机,为大型电影项目的拍摄团队提供最佳解决方案。采用模块化设计,每个开关和控制装置都经过精准设计,且全金属的机身增强了恶劣环境中拍摄的耐用性。
欧奇奥Mito largo弧形灯
设计公司:Occhio GmbH(德国)
这款灯具采用了独特的设计语言,运用了独立的金银丝细灯具,材料配色完美融合。环形灯罩几乎没有重量,仿佛悬浮在空中。采用全新的传感器技术,轻触开关可调节亮度或顺畅切换上下光线。
FUJIFILM CALNEO Xair便携式X光系统
设计公司:FUJIFILM Corporation(日本)
这款便携式X光系统由日本富士胶卷公司推出,产品小而轻,因采用超敏度成像板,可减少对患者的辐射伤害。从手柄、支架到镜片加工,展现了对品质细节的注重。其设计体现了对患者护理和医护人员工作流程的关注。
VariJET 106印刷机
设计公司:Design3(德国)
这是一款数码高性能喷墨印刷机,其设计简化了使用的复杂度、协调了功能性的元素,符合人体工程学,配色系统为银和灰,加入了印有反光logo的蓝色板块,突显了制造商的品牌形象。
Two双动门把手
设计公司:Pilipili N. V.(比利时)
这款门把手需要同时做2个动作才能将门打开,用于痴呆症医院,防止病患进入别人的房间,确保恰到好处的阻力和安全性,有效减少看护人员的工作量。
建筑设计类
东梓关农民回迁房
设计公司:gad(中国)
西参道露台公寓
设计公司:株式会社石川素树建筑设计事务所(日本)
2018平昌冬奥会媒体住宿酒店
设计公司:POSCO A&C(韩国)
专业概念类
沃尔沃概念装载机ZEUX
设计公司:Volvo Construction Equipment(瑞典)
LEGO Technic(丹麦)
MAN CitE概念城市物流配送卡车
设计公司:MAN Truck & Bus AG(德国)
BMW Vision iNEXT概念车
设计公司:BMW Group Design(德国)
AP 360概念电气安装系统
设计公司:schmitz Visuelle Kommunikation(德国)
包装类
Le Beck's啤酒包装设计
设计公司:SERVICEPLAN/PLAN.NET GERMANY(德国)
Cheong Kwang Jang Alpha Project保健品包装
设计公司:KOREA GINSENG CORPORATION(韩国)
d-ORIGIN(韩国)、CFC(韩国)
明基(BenQ)投影机纸浆模塑包装
设计公司:BenQ Corporation(中国台湾)
传达类
民主的伤疤(Scars of Democracy)网站设计
设计公司:SERVICEPLAN/PLAN.NET GERMANY、
MEDIAPLUS GERMANY、FIELD OF VIEW MEDIA、
Studio Heu.Land、capo's finest
Art4GlobalGoals网站设计
设计公司:denkwerk GmbH(德国)
Opera Touch手机浏览器App
设计公司:Opera(挪威)
化学元素周期表 网页应用
设计公司:Art. Lebedev Studio(俄罗斯)
天水(Tian shui)品牌形象设计
设计公司:余子骥设计事务所(中国)
梨园剧场品牌形象设计
设计公司:signal communication(韩国)
“张开双眼”海报设计
设计公司:Grey Germany / KW43 Branddesign(德国)
室内设计类
三星—灵感源自你”互动多媒体装置
设计公司:Cheil worldwide(韩国)
MDLab Cheil Germany(德国)
DaamDaam Samuso(韩国)
TAMSCHICK MEDIA+SPACE GmbH(德国)
“体验新能量”展览
设计公司:SHISEIDO TEAM 101(日本)
WOW inc.(日本)、HAKUTEN(日本)
T.um科技体验博物馆
设计公司:GBO(韩国)、Aworks(韩国)
“麦卡伦用户体验”展览
设计公司:ATELIER BRüCKNER(德国)、Speirs & Major(英国)
TAMSCHICK MEDIA+SPACE(德国)、Jason Bruges Studio(英国)
Rogers Stirk Harbour + Partners(英国)
在使用ChatGPT、文心一言等文字工具的时候,是否遇到过你想要它说什么它就偏不按你的要求说的情况?你在使用Midjourney或者Stable Diffusion画图的时候,是否遇到过你让它画个啥但都是缺这少那的情况?有出现过那就对了,对于大部分人来说遇到这种情况都是挺正常的,这些问题的根源其实都是因为提示词,你的提示词不对,AI自然也就没办法生成对应的内容了。
当然了,提示词不对并不是你的错,主要原因在于AI不是人,虽然它能够分析你的语句,但是仍然会产生许多偏差。另外我们一般大多数人都是用中文和这些AI交流,中间再翻译一次就更不准了。如果咱们想要让AI能够乖乖按照我们说的来生成我们想要的内容,就必须用AI能够识别的词语来和它对话,这就是AIGC提示词。
AIGC提示词可以算是一门随着AI技术发展衍生出来的新学科,随着AI技术的逐步深入,AIGC提示词会成为新的主流,现在掌握还不晚。如果你想趁AI刚开始发展成为这个行业的精英,可以考一个AIGC提示词工程师证书、AIGC艺术设计师证书或者AIGC剪辑师证书,在证好多公众号私信我们就可以报名哦!
接下来的全是干货,随查随用,赶紧收藏!
一、画质提升提示词
anatomically correct解剖学正确
super detail非常详细
textured skin质感皮肤
high details高细节
accurate准确
high quality高质量
best quality最佳质量
award winning屡获殊荣
UHD超高清
retina视网膜屏
4K
8k
16k
HD
1080P
二、绘画风格提示词
Bauhaus包豪斯
Baroque巴洛克
Conceptual art概念艺术
Constructivism构成主义
Contemporary art当代艺术
Realism现实主义
Romanticism浪漫主义
Futurism未来主义
Genre painting风俗画
Ghibli-like colours吉卜力色彩
Impressionism印象派
Luminism明亮主义
Minimalism极简主义
Neoclassicism新古典主义
Op art视错觉艺术
Pointillism点彩派
Pop art波普艺术
Post-Impressionism后印象派
Pre-Raphaelite Brotherhood前拉斐尔派兄弟会
Pre-Raphaelite painting前拉斐尔派绘画
Suprematism至高主义
Surrealism超现实主义
Tonalism色调主义
Ukiyo-e浮世绘
Abstract expressionism抽象表现主义
American propaganda poster美国宣传海报
Art Deco装饰艺术
Art Nouveau新艺术运动
Ashcan School垃圾桶派
Blind box toy style盲盒玩具风格
Carl Larsson卡尔·拉尔松风格的画作
Classicism古典主义
Color Field painting色块画
Cubist Futurism立体派未来主义
Dadaism达达主义
Dutch Golden Age painting荷兰黄金时期绘画
En plein air野外写生
Expressionism表现主义
Fauvism野兽派
Gothic art哥特式艺术
High detail高细节
Hyperrealism超现实主义细节画派
Interior architecture室内建筑
Mannerism后期文艺复兴
Monet莫奈
Modern现代
Northern Renaissance北方文艺复兴
Pixar皮克斯
Raised fist扬起的拳头
Renaissance文艺复兴
Realism现实主义
Social realism社会现实主义
Anime动漫
Anime style动漫风格
Verism写实主义
三、画面效果提示词
Chromatic aberration色差
Motion blur动态模糊
Silhouette剪影
Vignetting晕影
Glowing light荧光
Backlighting逆光
Depth of field背景虚化
God rays神圣感顶光
Reflection light反射光
Blurry模糊的
JPEG artifactsJPEG 压缩失真
Film grain胶片颗粒感/老电影滤镜
Optical illusion视错觉
Ray tracing光线追踪
Speed lines速度线
Multiple monochrome多重单色
Drop shadow立绘阴影
Image fill图像填充
Anaglyph互补色
Scanlines扫描线
Halftone半调风格
Cinematic lighting电影光效
Chiaroscuro明暗对比
Bloom盛开
Dithering抖动
Motion lines体现运动的线
Stereogram立体画
Blending混合
Chromatic aberration abuse色差滥用
Fujicolor富士色彩
Sparkle闪耀效果
四、构图形式提示词
afterimage残像
border边框
framed画框
outside border一部分画到了背景框外面
fading border褪色边框
rounded corners背景或画框是圆角
viewfinder相机取景框
chart图表
character chart人设图
reference sheet设定图
diagram图表
move chart动作演示图
relationship graph关系表
seating chart座次表
stats属性栏/状态表
collage拼贴画
column lineup小图拼接
bust chart胸围图
cropped遭到裁剪
fake scrollbar假的滚动条
head out of frame头部脱框
out of frame脱框
feet out of frame脚部脱框
isometric等轴
letterboxed宽银幕格式
pillarboxed柱状画布背景
lineup一排人
mosaic art马赛克艺术
photomosaic马赛克拼图
negative space大量留白
omake附图
partially underwater shot部分水下拍摄
social media composition社交媒体整合
symmetry左右对称
polar opposites两极对称
rotational symmetry对称旋转
tachi-e立绘样式
trim marks裁剪标记
zoom layer人物立绘缩放(剪影)图层
projected inset类似海报或杂志的插图效果
五、构图视角提示词
first-person view第一人称视角
pov主观视角
three sided view三视图
multiple views多视图
cut-in插入画面
blurry foreground前景模糊
close-up特写镜头
cowboy shot七分身镜头
dutch angle德式倾斜镜头
fisheye鱼眼镜头
hatching (texture)线影法(纹理)
vanishing point远景透视画法
wide shot广角镜头
from above俯视镜头
from behind背影
from below仰视镜头
from outside室外看向室内(的镜头)
from side角色的侧面
atmospheric perspective大气距离感
panorama全景
perspective透视画法
rotated经过旋转的
sideways横向显示的
upside-down倒挂的
六、镜头效果提示词
lens flare镜头光晕
overexposure过曝
bokeh背景散焦
caustics焦散
diffraction spikes衍射十字星
foreshortening正前缩距透视法
emphasis lines集中线
satellite image卫星鸟瞰
macro photo微距照片
360 view360 度视角
Wide-Angle广角
Ultra-Wide Angle超广角
Eye-Level Shot人眼视角拍摄
f/1.2光圈 F1.2
f/1.8光圈 F1.8
f/2.8光圈 F2.8
f/4.0光圈 F4.0
f/16光圈 F16
35mm焦距 35mm
85mm焦距 85mm
135mm焦距 135mm
Nikon尼康
Canon佳能
Fujifilm富士
Hasselblad哈数
Sony FE索尼镜头
Sony FE GM索尼大师镜头
七、头发效果提示词
streaked hair条染
multicolored hair多彩头发
colored inner hair内侧染色
blonde hair金发
silver hair银发
grey hair灰发
white hair白发
brown hair茶发
light brown hair浅褐发
black hair黑发
purple hair紫发
red hair红发
blue hair蓝发/水色发
dark blue hair深蓝发
light blue hair浅蓝发
green hair绿发
pink hair粉发
gradient hair渐变发色
rainbow hair彩虹发
ahoge呆毛
asymmetrical hair非对称发型
bangs刘海
blunt bangs齐刘海
braid辫子
braided ponytail编织马尾辫
curly hair卷发
curtained hair窗帘/瀑布发型
double bun双团子头
drill hair钻头卷/公主卷
twin drills双钻头卷
quad drills多钻头卷
side drill单侧钻头卷
french braid法式辫
hair behind ear耳后发
hair between eyes眼间刘海
crossed bangs交错刘海
hair bun团子头
hair intakes进气口发型
hair over shoulder披肩发
hime cut姬发式
long hair长发
messy hair凌乱发型
parted bangs分开的刘海
ponytail马尾
short hair短发
short ponytail短马尾
side swept bangs朝一个方向的刘海
side ponytail侧马尾
twin braids双辫子
twintails双马尾
very long hair很长的头发
front ponytail前马尾
short twintails短双马尾
folded ponytail折叠马尾
quad tails四马尾
single braid单辫
low twin braids低双辫
side braid侧辫
crown braid冠型织辫
dreadlocks脏辫
cone hair bun锥形发髻
braided bun辫子髻
doughnut hair bun圆环发髻
heart hair bun心形发髻
wavy hair自然卷
asymmetrical bangs不对称刘海
swept bangs扫浏海
sidelocks耳前发
single sidelock单耳前发
hair pulled back头发后梳
half updo侧发后梳
hair one side up一侧绑发
hair two side up双侧绑发
hair spread out散发
floating hair漂浮的头发
straight hair直发
big hair头发很多的
crystal hair水晶状的头发
expressive hair富有表现力的头发
hair over eyes头发遮着双眼
hair strand强调一缕一缕感的发型/发丝
hair over one eye头发遮住了一只眼睛
shiny hair有光泽的头发
wet hair湿头发
hair slicked back垂下的长鬈发
high ponytail披在两侧的两条辫子
long braid侧马尾
low-tied long hair直发
low ponytail低扎马尾
low twintails低扎双尾
medium hair中等长发
ringlets垂下的长鬈发
side braids披在两侧的两条辫子
side bun披在两侧的发髻
split ponytail尾部散开的单马尾发型
two side up小型双股辫
absurdly long hair超长的头发
cloud hair云絮状发型
flipped hair外卷发型
tentacle hair触手头发
very short hair很短的头发
bangs pinned back掀起的刘海
braided bangs辫子刘海
diagonal bangs斜刘海
single hair intake单侧进气口发型
hair ears耳状头发
bald秃头
bald girl秃头女孩
bowl cut锅盖头
buzz cut寸头
chonmage丁髷
crew cut平头/板寸头
flattop平顶
okappa河童头
pixie cut精灵头
undercut帽盔式发型
bob cut波波头
cornrows玉米垄发型
mullet鲻鱼头
bow-shaped hair弓形头发
front braid前辫
multiple braids多股(麻花)辫
tri braids三股辫
quad braids四股辫
triple bun三发髻
hair rings发圈
tied hair扎头发
single hair ring单发圈
one side up只扎了一边的头发
low-braided long hair低辫长发
mizura角发
multi-tied hair多扎头发
nihongami日本发
topknot丸子头
uneven twintails两股辫子大小不一
tri tails有三股辫子
quin tails有五股辫子
afro鸟窝头/爆炸头
huge afro超大鸟窝头
beehive hairdo蜂窝头
pompadour蓬帕杜发型
quiff蓬松感油头
hair flaps在摆动的头发
pointy hair带着尖角的发型
spiked hair刺刺的头发
widow's peak美人尖
heart ahoge心形呆毛
huge ahoge大呆毛
antenna hair多根呆毛
comb over遮盖头发稀少部分
mohawk莫霍克发型
lone nape hair孤颈毛
hair bikini头发比基尼
hair scarf头发围巾
八、头饰提示词
halo头顶光环
tokin hat东金帽子
mini top hat迷你礼帽
beret贝雷帽
hood兜帽
nurse cap护士帽
tiara三重冕
crown皇冠
hairpin发卡
hairband头箍
hairclip发夹
hair ribbon发带
hair flower发花
hair ornament头饰
hair bow蝴蝶结发饰
maid headdress女仆头饰
ribbon丝带
sunglasses太阳镜
blindfold眼罩
eyepatch单眼罩
mask面具/眼罩/口罩
jewelry首饰
bell铃铛
facepaint面纹
horns兽角
antlers鹿角
clover hair ornament三叶草发饰
crescent hair ornament月牙发饰
demon horns恶魔的角
jeweled branch of hourai蓬莱玉枝
fish hair ornament鱼形发饰
forehead jewel额前有宝石
forehead mark额前有图案
forehead protector护额
kanzashi簪子
hair bobbles头绳
hairpods头发上成对的像无线蓝牙的发饰
hair bell头发上系着铃铛
heart-shaped eyewear心形眼镜
goggles护目镜
rimless eyewear无框眼镜
over-rim eyewear下半无框眼镜
kamina shades卡米纳墨镜
goggles on head头上别着护目镜
goggles on headwear帽子上别着护目镜
head mounted display戴着头戴显示设备
bandage on贴有绷带的脸
bandage over one eye缠着绷带的单眼
scar across eye眼睛上的疤痕
scar on cheek脸颊上的疤痕
covered eyes蒙住的眼
surgical mask医用口罩
mouth mask口罩
mouth veil面纱
coke-bottle glasses厚如玻璃瓶底的圆眼镜
tengu mask天狗面具
fox mask狐狸面具
mask on head掀到头上的面具
mask pull拉着口罩
mask removed摘下的面具
gas mask防毒面具
anchor choker锚形项圈
bead necklace珠子项链
headphones耳机
behind-the-head headphones从后脑戴上的耳机
whistle around neck脖子上挂着口哨
animal hood兽耳头罩
bespectacled戴眼镜的
fedora软呢帽
witch hat女巫帽
wizard hat法师帽
winged helmet带翅膀的头盔
hood down放下的兜帽
hood up戴起来的兜帽
sailor hat水手帽
santa hat圣诞帽
peaked cap类似警帽的帽子
elbow pads护肘
dragon horns龙角
eyewear on head眼镜别在头上
mole under mouth嘴角有痣/美人痣
x hair ornamentx发饰
black hairband黑色发带
hair scrunchie发箍
white hairband白色发带
hair tie发带
frog hair ornament青蛙发饰
food-themed hair ornament食物发饰
star hair ornament星星发饰
heart hair ornament心形发饰
red hairband红色发带
butterfly hair ornament蝴蝶发饰
snake hair ornament蛇发饰
lolita hairband洛丽塔发带
feather hair ornament羽毛头饰
blue hairband蓝色发带
anchor hair ornament锚发饰
leaf hair ornament叶发饰
bunny hair ornament兔子头饰
skull hair ornament骷髅头饰
yellow hairband黄色发带
pink hairband粉色发带
bow hairband蝴蝶结发带
cat hair ornament猫头饰
musical note hair ornament音符发饰
carrot hair ornament胡萝卜发饰
purple hairband紫色发带
hair beads发珠
multiple hair bows多个蝴蝶结
bat hair ornament蝙蝠发饰
bone hair ornament骨发饰
orange hairband橙色发带
snowflake hair ornament雪花发饰
flower on head头上有花
head wreath头上戴着花冠
九、眼睛提示词
mole under eye眼下痣
heart-shaped pupils爱心瞳
rolling eyes翻白眼
crazy eyes疯狂的眼睛
raised eyebrows挑眉
furrowed brow下眉毛
dashed eyes黑眼圈中的水平线
multicolored eyes多色的黑眼睛
mismatched pupils左右眼颜色不同
mismatched sclera左右眼不同颜色的眼白
no pupils没有眼睛
empty eyes空洞眼睛
blank eyes白眼球
dilated pupils瞳孔扩张
hollow eyes漆黑的眼睛
constricted pupils收缩的瞳孔
symbol-shaped pupils符号眼
star-shaped pupils星形眼睛
x-shaped pupilsX 形眼睛
button eyes纽扣眼
eye reflection眼睛反射
closed eyes闭上眼睛
one eye closed闭上一只眼
half-closed eyes半闭眼睛
eyes closed闭眼
wince闭一只眼
tsurime吊眼角
eyeball盯着看
tears眼泪
gradient eyes渐变瞳色
aqua eyes水汪汪大眼
crying with eyes open睁着眼落泪
glowing eyes发光眼睛
half-closed eye半闭的眼睛(单眼)
happy tears开心的眼泪
sparkling eyes星星眼
glaring轻蔑/怒视
streaming tears流泪
eyebrows behind hair挡在头发下的眉毛
wide eyes睁大眼睛
gradient_eyes渐变眼
cross-eyed斗鸡眼
slit pupils竖瞳孔/猫眼
bloodshot eyes布满血丝的眼睛
tareme下垂的眼睛
devil eyes恶魔眼
devil pupils魔瞳
snake pupils蛇瞳
heterochromia异色瞳
purple eyes紫眼
red eyes红眼
white eyes白眼
yellow eyes金眼
sanpaku三白眼
upturned eyes上翘的眼睛
wide-eyed睁开眼睛
ringed eyes眼圈
pupils sparkling闪闪发光瞳
flower-shaped pupils花形瞳孔
color contact lenses美瞳
longeyelashes长睫毛
colored eyelashes彩色睫毛
solid circle eyes实心圆眼睛
heart-shaped eyes心形眼
@ @晕眼
orange eyes橙色的眼睛
pink eyes粉红色的眼睛
amber eyes琥珀色眼
pac-man eyes吃豆人形眼
horizontal pupils一字型瞳孔/蛙眼
diamond-shaped pupils钻石形瞳孔
十、耳朵提示词
animal ears动物耳朵
fox ears狐狸耳朵
cat ears猫耳
dog ears狗耳
mouse ears老鼠耳朵
pointy ears尖耳
heart earrings心形耳环
hoop earrings环状耳环
crystal earrings水晶耳环
earrings耳环
crescent earrings月牙耳环
cat ear headphones猫耳式耳机
bat ears蝙蝠耳朵
raccoon ears浣熊耳朵
long pointy ears尖尖的长耳朵
covering ears遮住耳朵
bear ears熊耳朵
rabbit ears兔子耳朵
cow ears牛耳朵
deer ears鹿耳朵
ferret ears鼬耳朵
goat ears山羊耳朵
horse ears马耳
kemonomimi mode兽耳萝莉模式
lion ears狮子耳朵
monkey ears猴耳
panda ears熊猫耳朵
pikachu ears皮卡丘耳朵
pig ears猪耳朵
sheep ears羊耳
squirrel ears松鼠耳朵
tiger ears虎耳
wolf ears狼耳朵
fake animal ears仿制的动物耳朵
十一、表情提示词
makeup浓装
food on face食物在脸上
smelling闻
nosebleed鼻血
clenched teeth咬牙
open mouth张口
pout努嘴
sigh叹气
smile微笑
light smile浅笑
grin露齿而笑
evil smile坏笑
angry生气的
annoyed苦恼的
crazy疯狂的
shy害羞的
embarrassed尴尬的
blush脸红的
sleepy困乏的
sad悲伤的
drunk喝醉的
frown皱眉/蹙额
fangs尖牙
tongue舌头
no nose没有鼻子
saliva唾液
facial hair胡子
fingersmile用手指做出笑脸
mouth hold嘴咬住
parted lips嘴唇微张
closed mouth闭嘴
tongue out吐舌头
licking lips舔嘴唇
pain疼痛
crying哭
fume气得冒烟(漫画)
grimace厌恶的怪相
screaming尖叫
v-shaped eyebrowsV形眉(表高傲或愤怒)
scared害怕的
scowl怒视/嫌弃/不满
serious严肃的
tearing up要哭的表情
bored无聊的
gloom (expression)消沉(表情)
jealous嫉妒的
jitome轻蔑的眼神
nervous不安的
nervous smile不安地微笑
shaded阴沉脸
turn pale脸色苍白
expressionless无口
expressions表情
unconscious失神
bright pupils明亮的瞳孔
ear blush耳红
holding breath憋气
puckered lips撅起的嘴唇
seductive smile诱人的微笑
smiley笑脸
smirk傻笑/得意的笑
doyagao得意脸
flustered慌乱的
full blush整张脸泛红
heart in eye眼里冒爱心
heavy breathing喘粗气
moaning呻吟
smug得意脸
spit take惊讶或无语到喷了
surprised惊讶
tsundere傲娇
drooling流口水
torogao诱惑的表情
ahegao阿嘿颜
naughty face下流的表情
naughty下流的表情
endured face忍耐的表情
glint眼中闪现强烈的情感
happy快乐/幸福
laughing在笑的
troll嚣张脸
yandere病娇
saliva trail唾液拉丝
red lips朱唇
skin fang虎牙状
upper teeth露出上排牙齿
fang虎牙
fang out露出虎牙/露出尖牙
long tongue长舌头
forehead额头
light blush淡淡的腮红
cheek-to-cheek脸贴脸
cheek bulge鼓着腮帮
cheek pinching捏脸颊
cheek poking戳脸颊
cheek pull扯脸颊
chin grab抬下巴
covering eyes遮住眼睛
covering挡住脸
covering mouth挡住嘴巴
face-to-face脸贴脸
facing another二人面对面(脸贴得很近)
forehead-to-forehead额头贴额头
teeth牙
excited兴奋
nose blush害羞
expressionless eyes失神
anger vein青筋
blush stickers表情贴纸
full-face blush整张脸泛红
confused疑惑
determined有决心的
disappointed失望的
disdain蔑视
disgust恶心
despair绝望
envy嫉妒
evil邪恶
facepalm以手掩面
frustrated沮丧
guilt有罪的
kubrick stare库布里克凝视
lonely孤独的
raised eyebrow扬起的眉毛
rape face强硬的表情
depressed压抑的/郁闷的
panicking恐慌的
worried担忧的
tired累
sulking闷闷不乐
thinking思考
pensive沉思的
upset气愤
crazy smile疯狂地笑
forced smile强迫笑
glasgow smile格拉斯哥微笑
sad smile苦笑
stifled laugh憋笑
color drain惊讶到掉色
horrified恐惧表情
sobbing啜泣
oral invitation伸出舌头
常用指令提示词
版本
--version 4版本 4
--version 5版本 5
--version niji版本 niji
宽高比
--aspect 2:3宽高比 2:3
--aspect 16:9宽高比 16:9
--aspect 3:2宽高比 3:2
多样性
--chaos 0多样性 0
--chaos 50多样性 50
--chaos 100多样性 100
负面
--no xxx负面 xxx
质量
--quality .25质量 .25
--quality .5质量 .5
--quality 1质量 1
种子
--seed 种子
相似种子
--sameseed 相似种子
停止
--stop 停止
风格
--style 风格
风格化
--stylize 0风格化 0
--stylize 500风格化 500
--stylize 1000风格化 1000
图像权重
--iw 图像权重
轻量放大器
--uplight 轻量放大器
测试版放大器
--upbeta 测试版放大器
动漫模型
--niji 动漫模型
测试模型
--test 测试模型
摄影测试模型
--testp 摄影测试模型
高清模型
--hd 高清模型
重复
--repeat 1重复 1
--repeat 3重复 3
随查随用,赶紧收藏!
*请认真填写需求信息,我们会在24小时内与您取得联系。