您的位置:首页 > 其它

根据String以及textView所设定的字体大小来计算所需要行数,实现展开和收起的效果。

2017-03-21 16:07 681 查看
部分内容转载自:http://www.lai18.com/content/1256670.html

刚刚项目中遇到一个关于字符串显示的问题,即当服务端下发的字符串长度超过4(项目中的需要)行的时候,textView下方会显示展开,或者收起的字样。当字数超过最大航的时候,只显示4行,并且最后用...显示(Android:ellipsize="end"),当用户点击展开,则展示全部,当用户点击收起,则收起的功能。(前面说了这么多都是别人家的需求,而我家需求就没这么复杂了,只需要显示和隐藏全部按钮,不过我还是引用别人的代码了,其实都是万变不离其宗,我想你能仿写出来)


首先,我们需要搞清楚什么是sp-px-dp


dp(dip)

device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持
WVGA、 HVGA和QVGA 推荐使用这个,不依赖像素。
dp也就是dip,这个和sp基本类似。如果设置表示长度、高度等属性时可以使用dp 或sp。但如果设置字体,需要使用
sp。dp是与密度无关,sp除了与密度无关外,还与scale无关。如果屏幕密度为160,这时dp和sp和px是一 样的。
1dp=1sp=1px,但如果使用px作单位,如果屏幕大小不变(假设还是3.2寸),而屏幕密度变成了320。那么原来TextView的
宽度 设成160px,在密度为320的3.2寸屏幕里看要比在密度为160的3.2寸屏幕上看短了一半。但如果设置成160dp或160sp的
话。系统会自动 将width属性值设置成320px的。也就是160 * 320 / 160。其中320 / 160可称为密度比例因子。也就是说,
如果使用dp和sp,系统会根据屏幕密度的变化自动进行转换。

px:
pixels(像素)

不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。
pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;


sp: scaled pixels(放大像素)

主要用于字体显示best for textsize。


其次,dp-px-sp之间的转换

/**
* dp、sp 转换为 px 的工具类
* @author fxsky 2012.11.12
*
*/
public class DisplayUtil {
/**
* 将px值转换为dip或dp值,保证尺寸大小不变
* @param pxValue
* @param scale (DisplayMetrics类中属性density)
* @return
*/
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}

/**
* 将dip或dp值转换为px值,保证尺寸大小不变
*
* @param dipValue
* @param scale (DisplayMetrics类中属性density)
* @return
*/
public static int dip2px(Context context, float dipValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dipValue * scale + 0.5f);
}

/**
* 将px值转换为sp值,保证文字大小不变
* @param pxValue
* @param fontScale (DisplayMetrics类中属性scaledDensity)
* @return
*/
public static int px2sp(Context context, float pxValue) {
final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (pxValue / fontScale + 0.5f);
}

/**
* 将sp值转换为px值,保证文字大小不变
* @param spValue
* @param fontScale (DisplayMetrics类中属性scaledDensity)
* @return
*/
public static int sp2px(Context context, float spValue) {
final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (spValue * fontScale + 0.5f);
}
}

最后,我们再看看如何获取屏幕的宽高

public static int getScreenWith(Context context){
WindowManager manager =(WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();
manager.getDefaultDisplay().getMetrics(outMetrics);
return outMetrics.widthPixels;
}

public static int getScreenHeight(Context context){
WindowManager manager = (WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();
manager.getDefaultDisplay().getMetrics(outMetrics);
return outMetrics.heightPixels;
}


以上的几个方法都是在下面你可能需要用到的,这里我列了出来


接下来直接上代码。

下面这个是在你的布局中使用的TextView了

<TextView
android:id="@+id/descriptionText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:ellipsize="end"
android:maxLines="5"
android:textSize="14sp"
android:visibility="gone" />


/**
* 计算文本的长度是否超过最大行
*
* @param textView
* @param string
* @return
*/
private boolean calLines(TextView textView, String string) {
// 获得字体的宽度,sp转px的方法,网上很多,14为textview中所设定的textSize属性值
int txtWidth = DisplayUtils.sp2px(Context, 14);
// 获得屏幕的宽度
int winWidth = getScreenWith(Context)
// 获得textView控件的宽度,15为xml中所设定marginleft 和 marginright的值,这里都是15,所以直接乘以2了。
int viewWidth = winWidth - DisplayUtils.dip2px(RecordGrowDetailActivity.this, 15) * 2;
// 获得单行最多显示字数
int maxWords = viewWidth / txtWidth;
// 计算字符串长度,
int stringLen = string.length();
// 字符串长度除以单行最多显示字数为行数
int lines = stringLen / maxWords;

if (lines > DIARYMSG_MAX_LINES) {
// 如果大于指定行数,则直接返回
return true;
} else if (lines == DIARYMSG_MAX_LINES) {
// 否则需要判断下是否等于最大行,但是有余数
if (stringLen % maxWords > 0) {
return true;
}
}
return false;
}

以上代码是计算(调用此方法前已对string判断是否有值了,此处没判断了),是否达到了最大行数,如果没有达到,返回false,则界面中的文本全显示,不用显示展开,收起那个button了。

/* 描述文字最大显示行数 */
private static final int DIARYMSG_MAX_LINES = 5;

/* 收起状态 */
private static final int SHRINK_UP_STATE = 1;

/* 扩充状态 */
private static final int EXPAND_DOWN_STATE = 2;

/* 标示状态为展开还是收起,默认收起 */
private int mState = SHRINK_UP_STATE;

/**
* 当描述文字的长度超过最大行数的时候,用户点击收起和展开所触发的事件
*
* @param view
*/
public void showAllMsgClick(View view) {
switch (mState) {
case SHRINK_UP_STATE:
mState = EXPAND_DOWN_STATE;
show_or_hide.setText("收起");
description.setMaxLines(Integer.MAX_VALUE);
break;
case EXPAND_DOWN_STATE:
mState = SHRINK_UP_STATE;
show_or_hide.setText("展开");
description.setMaxLines(DIARYMSG_MAX_LINES);
break;
default:
break;
}

}

以上代码是用户点击收起或者展开按钮,所触发的事件。

description 为textView的控件。

由于转载别人的博客有时候内容也不是太全,为了方便自己以后忘记了再回头看,于是在自己能力范围内加上了一些看似不重要,但却有点点麻烦的内容。希望和大家共同进步!

欢迎提出宝贵建议!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  string textview