android使用Textview實(shí)現(xiàn)伸縮效果
android開發(fā)過(guò)程中,經(jīng)常遇到Textview展示不完全的情況。
遇到此情況,通常的處理是:
方案一、Textview添加android:ellipsize屬性,讓展示不完的部分使用省略號(hào)代替。
方案二、Textview采用走馬燈效果,使其滾動(dòng)展示全部文本內(nèi)容。
對(duì)于方案一,如果想查看被省略后的內(nèi)容,如何實(shí)現(xiàn)?微信的評(píng)論列表,豌豆莢視頻詳情介紹都有類似使用場(chǎng)景。
下面來(lái)看下Demo例子的收起效果,文本內(nèi)容沒(méi)有展示完全,使用省略號(hào)代替,提示“更多”和向下箭頭標(biāo)識(shí),截圖如下:
當(dāng)點(diǎn)擊“更多”和向下箭頭時(shí),被省略的內(nèi)容全部展示出來(lái),提示“更多”和向上收起標(biāo)識(shí)箭頭,截圖如下:
對(duì)于以上效果,實(shí)現(xiàn)思路如下:
1、設(shè)置Textview默認(rèn)展示固定行,比如3行,內(nèi)容展示不完全,在Textview尾部使用省略號(hào)代替。
xml文件內(nèi)容為:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" tools:context=".MainActivity" > <!-- 顯示文本 --> <TextView android:id="@+id/text_content" android:layout_width="fill_parent" android:layout_height="wrap_content" android:ellipsize="end" android:maxLines="3" android:singleLine="false" /> <!-- 更多和箭頭 --> <RelativeLayout android:id="@+id/show_more" android:layout_below="@id/text_content" android:layout_alignParentRight="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="3dip" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:textSize="13sp" android:textColor="#999" android:layout_marginRight="34dip" android:text="更多" /> <ImageView android:id="@+id/spread" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:background="@drawable/ic_details_more" /> <ImageView android:id="@+id/shrink_up" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:background="@drawable/ic_shrink_up" android:visibility="gone" /> </RelativeLayout> </RelativeLayout>
2、點(diǎn)擊“更多”和向下箭頭時(shí),通過(guò)Textview的setMaxLines()方法改變Textview的最大行數(shù)。即可實(shí)現(xiàn)上述效果。
Java代碼為:
package com.example.testdemo; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageView; import android.widget.RelativeLayout; import android.widget.TextView; public class MainActivity extends Activity implements OnClickListener { private static final int VIDEO_CONTENT_DESC_MAX_LINE = 3;// 默認(rèn)展示最大行數(shù)3行 private static final int SHOW_CONTENT_NONE_STATE = 0;// 擴(kuò)充 private static final int SHRINK_UP_STATE = 1;// 收起狀態(tài) private static final int SPREAD_STATE = 2;// 展開狀態(tài) private static int mState = SHRINK_UP_STATE;//默認(rèn)收起狀態(tài) private TextView mContentText;// 展示文本內(nèi)容 private RelativeLayout mShowMore;// 展示更多 private ImageView mImageSpread;// 展開 private ImageView mImageShrinkUp;// 收起 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initData(); } private void initView() { mContentText = (TextView) findViewById(R.id.text_content); mShowMore = (RelativeLayout) findViewById(R.id.show_more); mImageSpread = (ImageView) findViewById(R.id.spread); mImageShrinkUp = (ImageView) findViewById(R.id.shrink_up); mShowMore.setOnClickListener(this); } private void initData() { mContentText.setText(R.string.txt_info); } @Override public void onClick(View v) { // TODO Auto-generated method stub switch (v.getId()) { case R.id.show_more: { if (mState == SPREAD_STATE) { mContentText.setMaxLines(VIDEO_CONTENT_DESC_MAX_LINE); mContentText.requestLayout(); mImageShrinkUp.setVisibility(View.GONE); mImageSpread.setVisibility(View.VISIBLE); mState = SHRINK_UP_STATE; } else if (mState == SHRINK_UP_STATE) { mContentText.setMaxLines(Integer.MAX_VALUE); mContentText.requestLayout(); mImageShrinkUp.setVisibility(View.VISIBLE); mImageSpread.setVisibility(View.GONE); mState = SPREAD_STATE; } break; } default: { break; } } } }
下面為Demo示例下載鏈接,Textview伸縮
Textview的伸縮就探討到這里,有問(wèn)題,大家可以留言。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android中TextView實(shí)現(xiàn)超過(guò)固定行數(shù)顯示“...展開全部”
- Android中TextView實(shí)現(xiàn)分段顯示不同顏色的字符串
- Android實(shí)現(xiàn)可點(diǎn)擊展開的TextView
- Android自定義可點(diǎn)擊的ImageSpan并在TextView中內(nèi)置View
- Android實(shí)現(xiàn)可以展開的TextView
- Android TextView實(shí)現(xiàn)詞組高亮的示例代碼
- Android中實(shí)現(xiàn)詞組高亮TextView方法示例
- Android Textview實(shí)現(xiàn)顏色漸變滾動(dòng)效果
- Android開發(fā)自定義TextView省略號(hào)樣式的方法
- Android中TextView實(shí)現(xiàn)部分文字可點(diǎn)擊跳轉(zhuǎn)
- Android中TextView局部變色功能實(shí)現(xiàn)
相關(guān)文章
Android Studio導(dǎo)入項(xiàng)目不支持的兩種解決方式
這篇文章主要介紹了Android Studio導(dǎo)入項(xiàng)目不支持的兩種解決方式,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11Android 使用Zbar實(shí)現(xiàn)掃一掃功能
這篇文章主要介紹了Android 使用Zbar實(shí)現(xiàn)掃一掃功能,本文用的是Zbar實(shí)現(xiàn)掃一掃,因?yàn)楦鶕?jù)本人對(duì)兩個(gè)庫(kù)的使用比較,發(fā)現(xiàn)Zbar解碼比Zxing速度要快,實(shí)現(xiàn)方式也簡(jiǎn)單,需要的朋友可以參考下2023-03-03詳解Android .9.png “點(diǎn)九”圖片的使用
這篇文章主要為大家詳細(xì)介紹了Android .9.png “點(diǎn)九”圖片的使用方法,感興趣的小伙伴們可以參考一下2016-09-09Android中activity處理返回結(jié)果的實(shí)現(xiàn)方式
這篇文章主要介紹了Android中activity處理返回結(jié)果的實(shí)現(xiàn)方式,為了實(shí)現(xiàn)這個(gè)功能,Android提供了一個(gè)機(jī)制,跳轉(zhuǎn)到其他activity時(shí),再返回,可以接受到其他activity返回的值,無(wú)需再start新的當(dāng)前activity。需要的朋友可以參考下2016-12-12Android spinner下垃菜單用法實(shí)例詳解
這篇文章主要介紹了Android spinner下垃菜單用法,詳細(xì)分析了spinner下垃菜單的定義、布局及功能實(shí)現(xiàn)相關(guān)技巧,需要的朋友可以參考下2016-07-07Android學(xué)習(xí)筆記之應(yīng)用單元測(cè)試實(shí)例分析
這篇文章主要介紹了Android學(xué)習(xí)筆記之應(yīng)用單元測(cè)試,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android單元測(cè)試的實(shí)現(xiàn)原理與具體步驟,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11Android自定義View實(shí)現(xiàn)進(jìn)度條動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)進(jìn)度條動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08Android實(shí)現(xiàn)院系專業(yè)三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)院系專業(yè)三級(jí)聯(lián)動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03