Android Textview 一行居中 兩行居左
需求描述：android
- 採用鴻洋大神打造的萬能的ListView GridView適配器；
- ListView中的item中有一個TextView，該TextView的寬度肯定，根據要顯示的內容長度動態調整文字的顯示方式：不超過1行居中顯示；超過1行的話不管第二行有幾個字，左對齊顯示。效果圖以下所示（這裏只找到了居中的示例）：
剛開始寫的item佈局文件以下：app
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/fl_root"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<RoundedImageView
android:id="@+id/iv_image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/friendshipislandbg4"
android:riv_border_width="0dp"
android:riv_corner_radius="8dp" />
<TextView
android:id="@+id/tv_name"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_gravity="bottom"
android:background="@drawable/bs_school_name_bg"
android:gravity="center"
android:maxLines="2"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:textColor="#ffffff"
android:textSize="16sp" />
</FrameLayout>
複製代碼
動態代碼調整TextView的Gravity代碼以下：ide
@Override
public void convert(ListviewViewHolder holder, TempDataBean item) {
FrameLayout flRoot = (FrameLayout) holder.getView(R.id.fl_root);
//動態調整GridView中每個item的大小，防止圖片大小不一樣致使每個item的大小不一樣
ViewGroup.LayoutParams params = flRoot.getLayoutParams();
params.height = displayWidth / 2 - MyUtils.dip2px(ctx, 18);
params.width = displayWidth / 2 - MyUtils.dip2px(ctx, 18);
flRoot.setLayoutParams(params);
flRoot.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent(BSItemActivity.this, BSDetailActivity.class));
}
});
//顯示圖片
mImageLoader.displayImage(item.getSchoolImage(), (ImageView) holder.getView(R.id.iv_school_image), options, mImageLoadingListener);
//用來判斷是學校名字是一行或者兩行
holder.setText(R.id.tv_name, item.getName());
TextView tv = (TextView) holder.getView(R.id.tv_name);
int lineCount = tv.getLineCount();
if(lineCount<=1){
// 1行居中
tv.setGravity(Gravity.CENTER);
}else{
// 2行居左
tv.setGravity(Gravity.LEFT | Gravity.CENTER_VERTICAL);
}
}
複製代碼
編譯，安裝，跑起來，發現並非預期的效果。如今的效果是第一次進入頁面，未滑動，不管是一行仍是兩行都是居中顯示。將第一屏滑出界面，並再次滑入界面的時候，1行的居中，2行的居左（符合預期）。我擦，這是什麼狀況。帶着疑問，我將懷疑的目光轉向了大神造的輪子。函數
public static ListviewViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position) {
if (convertView == null) {
View itemView = LayoutInflater.from(context).inflate(layoutId, parent,false);
ListviewViewHolder holder = new ListviewViewHolder(context, itemView, parent, position);
holder.mLayoutId = layoutId;
return holder;
} else {
ListviewViewHolder holder = (ListviewViewHolder) convertView.getTag();
holder.mPosttion = position;
return holder;
}
}
複製代碼
我懷疑這段代碼是否是少了一些東西，大神沒有考慮到可能會有動態修改佈局的操做，而僅僅在public void convert(ListviewViewHolder holder, TempDataBean item)方法中考慮了數據替換的操做。佈局
我又懷疑是否是使用LayoutInflater填充出來的View和複用的convertView有一些不一樣。難道應該在使用LayoutInflater進行填充View的時候就進行動態修改佈局的操做，對複用的convertView修改佈局參數莫非晚了？說幹就幹，我就寫了一個抽象類，在使用LayoutInflater填充出View以後當即對View進行修改佈局操做。抽象類以下：測試
public abstract class SetLayoutProperty {
View itemView;
int position;
//得到填充出來的View及對應的位置
public void setItemView(View itemView, int position) {
this.itemView = itemView;
this.position = position;
}
//動態改變佈局參數的具體操做
public abstract void setLayoutProperty();
public View getItemView() {
return this.itemView;
}
public int getPosition() {
return position;
}
}
複製代碼
而後修改了大神造的ViewHolder以下：ui
public static ListviewViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position,SetLayoutProperty setLayoutProperty) {
if (convertView == null) {
View itemView = LayoutInflater.from(context).inflate(layoutId, parent,false);
//主要增長了這個語句塊
if (setLayoutProperty != null) {
setLayoutProperty.setItemView(itemView,position);
setLayoutProperty.setLayoutProperty();
}
ListviewViewHolder holder = new ListviewViewHolder(context, itemView, parent, position);
holder.mLayoutId = layoutId;
return holder;
} else {
ListviewViewHolder holder = (ListviewViewHolder) convertView.getTag();
holder.mPosttion = position;
return holder;
}
}
複製代碼
由代碼能夠看出，若是抽象類不爲空，說明具體操做實現了這個抽象類，調用setLayoutProperty.setItemView(itemView,position)方法將須要的內容傳出，調用setLayoutProperty.setLayoutProperty()方法將執行具體的修改佈局參數的邏輯。this
又修改了大神造的Adapter以下：spa
/**
* 在複用以前（展現以前）對一些佈局參數進行調整
*
* @return
*/
public SetLayoutProperty setLayoutProperty() {
return null;
}
複製代碼
使用輪子的時候我選擇這樣寫：.net
@Override
public SetLayoutProperty setLayoutProperty() {
return new SetLayoutProperty() {
@Override
public void setLayoutProperty() {
//獲取條目佈局
View itemView = this.getItemView();
TextView tv = (TextView) itemView.findViewById(R.id.tv_school_name);
tv.setText(datas.get(getPosition()).getSchoolName());
int lineCount = tv.getLineCount();
LogSwitchUtils.logD(BSItemActivity.class,"學校名字的內容爲："+datas.get(getPosition()).getSchoolName());
LogSwitchUtils.logD(BSItemActivity.class,"學校名字的行數爲："+lineCount);
if (lineCount <= 1) {
tv.setGravity(Gravity.CENTER);
} else {
tv.setGravity(Gravity.LEFT | Gravity.CENTER_VERTICAL);
}
}
};
}
@Override
public void convert(ListviewViewHolder holder, TempDataBean item) {...}
複製代碼
效果是：不管是否滑出或者滑入，不管是1行仍是2行，都是居中顯示。 經過打印的日誌，我發現經過getLineCount()方法得到的數值都爲0。不該該啊，讓我看看這個方法，因而就發現：
/**
* Return the number of lines of text, or 0 if the internal Layout has not
* been built.
*/
public int getLineCount() {
return mLayout != null ? mLayout.getLineCount() : 0;
}
複製代碼
我了個去，此時此刻我只想知道如何讓 The internal Layout has been built.或者何時The internal Layout has been built.
因而乎，我就找度娘，我給度娘說：Return the number of lines of text, or 0 if the internal Layout has not been built.而後度娘沒有告訴我想要的答案：即如何讓？或者何時？
我又接着問度娘：「getlinecount一直是0？」
度娘說了：TextView能夠經過getLineCount獲取行數，可是這裏要在控件繪畫後才能獲取，不然調用這個函數返回值爲0。可是我想在addText時就得到text的行數，這樣我能夠控制TextView的高度，請問有沒有一些開源的代碼或者想法能夠實如今addText獲取行數呢？
哈哈哈哈....在知乎我知道了何時獲取行數不爲0，代碼以下。
final TextView totalTitleNo = (TextView) findViewById(R.id.tv_ac_sub_account);
ViewTreeObserver vto = totalTitleNo.getViewTreeObserver();
vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
int lineCount = totalTitleNo.getLineCount();
System.out.println(lineCount);
}
});
複製代碼
火燒眉毛，我趕忙試試：
@Override
public void convert(ListviewViewHolder holder, TempDataBean item) {
FrameLayout flRoot = (FrameLayout) holder.getView(R.id.root_fl);
ViewGroup.LayoutParams params = flRoot.getLayoutParams();
params.height = displayWidth / 2 - MyUtils.dip2px(ctx, 18);
params.width = displayWidth / 2 - MyUtils.dip2px(ctx, 18);
flRoot.setLayoutParams(params);
flRoot.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent(BSItemActivity.this, BSDetailActivity.class));
}
});
//顯示圖片
mImageLoader.displayImage(item.getSchoolImage(), (ImageView) holder.getView(R.id.iv_school_image), options, mImageLoadingListener);
//爲測試的控件設置值，用來判斷是學校名字是一行或者兩行
holder.setText(R.id.tv_school_name, item.getSchoolName());
final TextView tv = (TextView) holder.getView(R.id.tv_school_name);
ViewTreeObserver vto = tv.getViewTreeObserver();
//這個監聽器看名字也知道了，就是在繪畫完成以前調用的，在這裏面能夠獲取到行數，固然也能夠獲取到寬高等信息。
vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
int lineCount = tv.getLineCount();
LogSwitchUtils.logD(BSItemActivity.class, "學校名字的行數爲：" + lineCount);
if (lineCount <= 1) {
tv.setGravity(Gravity.CENTER);
//tv.invalidate();
} else {
tv.setGravity(Gravity.LEFT | Gravity.CENTER_VERTICAL);
//tv.invalidate();
}
return true;
}
});
}
複製代碼
一開始，個人最後一句代碼是return false；但發現不行，該界面顯示不出來但一直打Log，因而就選擇返回了true。
一開始，最後一個註釋其實並非註釋，可是當我將它註釋掉，發現結果依然是正確的，它就成了註釋。
在解決問題的時候，我還問過分娘：android Textview 一行居中，兩行居左？
檢索度娘獲得了以下使用佈局文件使TextView實現一行居中，兩行居左的效果：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/root_fl"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<com.makeramen.roundedimageview.RoundedImageView
android:id="@+id/iv_school_image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/friendshipislandbg4"
app:riv_border_width="0dp"
app:riv_corner_radius="8dp" />
//該層使文字顯示在底部
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/bs_school_name_bg"
android:layout_gravity="bottom">
<LinearLayout
//該層使單行居中
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:orientation="vertical">
<TextView
//該層使兩行居左
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:id="@+id/tv_school_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"
android:maxLines="2"
android:textColor="#ffffff"
android:textSize="16sp" />
</LinearLayout>
</RelativeLayout>
</FrameLayout>
複製代碼
至此，實現【Android Textview 一行居中 兩行居左】需求時個人所想，所作，所得都記錄在了這裏，便於之後複習。
結論
- 大神造的輪子沒有錯，是本身的理解有錯。但勇於向權威質疑的精神是對的，在修改輪子的時候，順便練習了使用抽象類和接口的使用；
- 實現TextView的單行居中，兩行居左方法有：動態調整佈局參數；完善佈局文件；
- 深入體會了
textview.getLineCount()方法。
相關文章
- 1. Android Textview 一行居中 兩行居左
- 2. Android中TextView文字居中與垂直靠左居中
- 3. Android FrameLayout子view居中（左居中，右居中）等
- 4. 34.標題換行居中的TextView
- 5. 談談一些有趣的CSS題目（五）-- 單行居中，兩行居左，超過兩行省略
- 6. css 實現單行居中，多行居左省略
- 7. css文字上下居中，一行文字居中，兩行或多行文字一樣居中
- 8. TextView 垂直居中
- 9. 一行文本居中，多行文本左對齊
- 10. [css] 實現文字一行居中，多行左對齊效果
- 更多相關文章...
- • Eclipse 運行程序 - Eclipse 教程
- • Eclipse 運行配置(Run Configuration) - Eclipse 教程
- • RxJava操作符（一）Creating Observables
- • Scala 中文亂碼解決
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
