新年福利
感謝一直以來(lái)支持 SuperTextView 的 Androider 們。 SuperTextView 從 2017.04 有了第一次提交之后,至今已經(jīng)有近8個(gè)月的時(shí)間了,從 star 也從 0 積累到了現(xiàn)在近 1.3k ,十分感謝大家支持。
SuperTextView 從無(wú)到有的過(guò)程中损合,有很多同學(xué)提出了許多很有建設(shè)性的建議,CoorChice 非常感謝這些同學(xué)娘纷,也盡可能的滿足了一些大家的訴求嫁审。由于現(xiàn)在 SuperTextView 已經(jīng)在很多商業(yè)項(xiàng)目中落地使用,所以 CoorChice 在進(jìn)行更新迭代的時(shí)候會(huì)更加謹(jǐn)慎些失驶,以穩(wěn)定性為主土居,所以并不是所有同學(xué)的期待都會(huì)得到滿足,還請(qǐng)各位諒解嬉探。
CoorChice 在此先祝所有同學(xué)新年快樂(lè)擦耀!
嗯,即然是新年涩堤,自然要來(lái)點(diǎn)福利嘍眷蜓,嗯哼...
SuperTextView 至今還有沒(méi)有一個(gè)標(biāo)識(shí)性的 Logo ,這不科學(xué)胎围!可惜 CoorChice 只是一個(gè) Developer 吁系,想了好久也畫不出個(gè)滿意的 Logo 。
所以白魂,此次趁著新年汽纤,放個(gè)福利出來(lái):
幫助 CoorChice 給 SuperTextView 設(shè)計(jì)一個(gè)棒棒噠 Logo ,以后這個(gè) Logo 就會(huì)被作為 SuperTextView 的官方標(biāo)識(shí)啦福荸!
CoorChice 希望有才的你設(shè)計(jì)的 Logo 能夠體現(xiàn) SuperTextView 的特點(diǎn)(你可以參考 SuperTextView 的文檔尋找靈感)蕴坪,同時(shí)簡(jiǎn)潔的 Logo 會(huì)更受歡迎哦!如果 Logo 能夠具有很好的傳播屬性那就太棒了敬锐!
從 2017.12.29 起背传,至 2018.01.25 期間,你可以通過(guò)郵箱或微信將你設(shè)計(jì)的 Logo 發(fā)送給 CoorChice 台夺。 CoorChice 會(huì)選出一個(gè)最適合的作品作為今后 SuperTextView 的官方標(biāo)識(shí)径玖。
【郵箱】:icechen_@outlook.com
【微信】:759393474
同時(shí),重點(diǎn)來(lái)了颤介!
被選中作為 SuperTextView 官方標(biāo)識(shí)的作品梳星, CoorChice 將會(huì)送給才華橫溢的作者【兩盒酷爽美味的小龍蝦】作為感謝赞赖。嗯哼...吃貨的肚子是不是已經(jīng)饑渴難耐了呢?快快開始你的表演吧丰泊!
是不是看著很美味笆矶ā?
快快開始你的表演吧瞳购!
快快開始你的表演吧!
快快開始你的表演吧亏推!
SuperTextView v2.0.1 - 未來(lái)学赛,在此
一直以來(lái),CoorChice都心存一個(gè)設(shè)想吞杭,期待著能夠打造這樣一個(gè)控件:它能滿足你的大部分開發(fā)需求盏浇,展示文字、圖片芽狗、幾何绢掰、動(dòng)畫、狀態(tài)童擎,讓你使用一個(gè)控件就能高效的完成大部分開發(fā)工作滴劲。它是如此的強(qiáng)大,仿佛有心智一般顾复,接受著你的輸入班挖,按照你的心意,呈現(xiàn)出嘆為觀止的畫面芯砸。隨著【SuperTextView v2.0.1】的到來(lái)萧芙,我們離這個(gè)設(shè)想更近了一步。現(xiàn)在假丧,來(lái)和【SuperTextView v2.0.1】見個(gè)面吧双揪!
圖片,就是現(xiàn)在
在【SuperTextView v2.0.1】中包帚,增加了對(duì)圖片展示的支持渔期。但不僅僅止于展示圖片,它還能智能的根據(jù)你的輸入將圖片剪裁為你期望的形狀婴噩。
給圖片加上圓角擎场,加上邊框,或者直接變成圓形几莽,所有的一切只需要設(shè)置幾個(gè)簡(jiǎn)單的屬性迅办,即刻呈現(xiàn)在你的眼前。
展示一張圖片
如何使用SuperTextView展示一張圖片章蚣?只需要在xml中加上下面兩句代碼即可站欺。
<com.coorchice.library.SuperTextView
...
app:state_drawable="@drawable/avatar1"
app:drawableAsBackground="true"
...
/>
如果你是SuperTextView
的忠實(shí)用戶的話姨夹,你會(huì)發(fā)現(xiàn),原本的state_drawable
現(xiàn)在可以被用來(lái)展示一張圖片矾策。
給圖片加上圓角
現(xiàn)在磷账,你的圖片呈現(xiàn)在了你的眼前,也許你還想對(duì)它做一些不一樣的事情贾虽,比如逃糟,加個(gè)圓角,或者直接變成圓形蓬豁?沒(méi)問(wèn)題绰咽,SuperTextView
現(xiàn)在完全能勝任這樣的工作。
<com.coorchice.library.SuperTextView
android:layout_width="100dp"
android:layout_height="100dp"
...
app:corner="15dp"
app:state_drawable="@drawable/avatar1"
app:drawableAsBackground="true"
...
/>
如此簡(jiǎn)單地粪!在原來(lái)的基礎(chǔ)上你僅僅需要設(shè)置合理的corner
值就行取募。
也許,你還想要邊框
有時(shí)候蟆技,你可能需要使用一個(gè)邊框去包裹住你的圖片玩敏,就像上面的示例那樣。沒(méi)錯(cuò)质礼,這肯定在SuperTextView
能力范圍內(nèi)旺聚。
<com.coorchice.library.SuperTextView
android:layout_width="100dp"
android:layout_height="100dp"
...
app:corner="50dp"
app:stroke_color="#F4E187"
app:stroke_width="4dp"
app:state_drawable="@drawable/avatar1"
app:drawableAsBackground="true"
...
/>
app:stroke_color
掌控著邊框的顏色,app:stroke_width
掌控著邊框的寬度几苍。一切如此流暢翻屈,一個(gè)有心智的控件本該如此,對(duì)嗎妻坝?
第二個(gè)狀態(tài)圖
面對(duì)復(fù)雜的需求變化伸眶,【SuperTextView】為應(yīng)對(duì)這種復(fù)雜性,孕育出了第二個(gè)狀態(tài)圖 state_drawable2
刽宪。
[圖片上傳失敗...(image-b29a97-1514481355797)]
現(xiàn)在厘贼,CoorChice將向你展示,上圖中的兩種效果是如何實(shí)現(xiàn)的圣拄。
- 示例一
<com.coorchice.library.SuperTextView
android:layout_width="100dp"
android:layout_height="100dp"
...
app:corner="50dp"
app:state_drawable="@drawable/avatar1"
app:drawableAsBackground="true"
// state_drawable2的配置由此開始
app:isShowState2="true"
app:state_drawable2="@drawable/recousers"
app:state_drawable2_mode="rightTop"
app:state_drawable2_height="20dp"
app:state_drawable2_width="20dp"
...
/>
- 示例二
<com.coorchice.library.SuperTextView
android:layout_width="100dp"
android:layout_height="100dp"
...
// 背景圖
android:background="@drawable/avatar7"
// drawable1的配置由此開始
app:isShowState="true"
app:state_drawable="@drawable/triangle"
app:state_drawable_mode="leftTop"
app:state_drawable_width="20dp"
app:state_drawable_height="20dp"
// state_drawable2的配置由此開始
app:isShowState2="true"
app:state_drawable2="@drawable/recousers"
app:state_drawable2_mode="rightTop"
app:state_drawable2_height="20dp"
app:state_drawable2_width="20dp"
...
/>
就如你所熟悉的一樣嘴秸,state_drawable2
延續(xù)了第一代一切流暢的操作。在聰明的你合理的使用下庇谆,【SuperTextView】一定能夠大放異彩岳掐!??
屬于Adjuster的時(shí)代
此前,Adjuster
的設(shè)計(jì)使得【SuperTextView】具有了靈魂饭耳,成為更聰明的控件串述。對(duì)繪制過(guò)程的插入,觸摸事件的捕捉寞肖,使得你能輕松的從外部改變一個(gè)控件的狀態(tài)纲酗。創(chuàng)意始于心衰腌,而行于此。
現(xiàn)在觅赊,【SuperTextView】能夠同時(shí)承載最多3個(gè) Adjuster
右蕊!也許,你的創(chuàng)意會(huì)更加的炫目吮螺。
[圖片上傳失敗...(image-d0ea3-1514481355797)]
在上面這個(gè)示例中饶囚,CoorChice將早起的兩個(gè)【掃光】和【漣漪】特效都加入到了一個(gè)【SuperTextView】中,結(jié)果就是你看到的這樣规脸。
更多的 Adjuster
意味著更多的組合坯约,更多的驚喜。在【v1.4.0】中莫鸭,CoorChice同樣使用了 Adjuster
來(lái)輕松的實(shí)現(xiàn)了按壓變色功能。
這是 Adjuster
的時(shí)代横殴,睿智的你一定可以運(yùn)用它揮灑創(chuàng)意的被因。
需要注意的是??,原本的 setAdjuster(Adjuster)
方法目前仍然被保留衫仑,但以后的版本將會(huì)被移除梨与,你必須要盡快遷移。新的替代方法為 addAdjuster(Adjuster)
文狱。
其它
- 修正控制Shader模式的屬性
app:shaderMode="leftToRight"
的拼寫粥鞋。原來(lái)為app:shaderMode="leftTopRight"
。如果你使用了該屬性瞄崇,在升級(jí)【SuperTextView v2.0.1】后請(qǐng)及時(shí)修正呻粹。 - 增加
set/getPressBgColor()
和set/getPressTextColor()
用于在代碼中控制按壓背景色。 - 修復(fù)【SuperTextView v2.0】中設(shè)置點(diǎn)擊事件無(wú)效的Bug苏研。
如何開始SuperTextView v2.0.1
dependencies {
compile 'com.github.chenBingX:SuperTextView:v2.0.1'
}
點(diǎn)擊這里跳轉(zhuǎn)SuperTextView項(xiàng)目地址等浊。https://github.com/chenBingX/SuperTextView
寫在最后
- 如果你喜歡SuperTextView,希望能順手到 Github 點(diǎn)個(gè)star以示鼓勵(lì)哦摹蘑!
- 抽出空余時(shí)間寫文章分享需要?jiǎng)恿Τ镅啵€請(qǐng)各位看官動(dòng)動(dòng)小手點(diǎn)個(gè)贊,給我點(diǎn)鼓勵(lì)??
- 我一直在不定期的創(chuàng)作新的干貨衅鹿,想要上車只需進(jìn)到我的【個(gè)人主頁(yè)】點(diǎn)個(gè)關(guān)注就好了哦撒踪。發(fā)車嘍~
點(diǎn)擊這里跳轉(zhuǎn)SuperTextView項(xiàng)目地址。https://github.com/chenBingX/SuperTextView