如何在別人之後繪製某些視圖？

Question

我有一個簡單的LinearLayout只包含一個自定義視圖，延伸TextView（我將開始調用「IdiomView」）和一個ListView。與正常的TextView相比，IdiomView唯一的區別在於，我已經重寫了onDraw()方法來迭代地減小文本大小，直到文本長度小於3行。我的問題是，當意見得出，用戶將看到：

______________ 
|__ACTION_BAR__| 
| IdiomView | 
|______________| 
|    | 
| ListView | 
|    | 
|    | 
|______________| 

它很快就變成了：

______________ 
|__ACTION_BAR__| 
|__IdiomView __| 
|    | 
| ListView | 
|    | 
|    | 
|    | 
|______________| 

即ListView控件的繪製，然後跳起來後IdiomView已經整理出它的大小。

我想要的是在繪製ListView之前等待我的IdiomView完全繪製的方法。這篇文章What event is fired after all views are fully drawn?解釋瞭如何通過調用View.post(Runnable)來完成繪圖完成後的線程。問題是我重寫了onDraw()方法調用onDraw()多次，以便計算較小的文本是否覆蓋少於3行，因此在我希望ListView出現之前，此元素可能會「完成繪製」多次。

我欣賞所有意見和答案。這裏是我當前的代碼：

佈局XML：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/main_view" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_margin="10dp" 
    android:background="@color/off_white" 
    android:orientation="vertical" > 

    <carter.cwords.idioms.IdiomView 
     android:id="@+id/idiom" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_marginBottom="10dp" 
     android:textColor="@color/transparent" 
     android:textSize="28sp" 
     android:textStyle="italic" 
     android:visibility="invisible" /> 

    <ListView 
     android:id="@+id/quote_list" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:choiceMode="none" 
     android:footerDividersEnabled="false" 
     android:headerDividersEnabled="false" 
     android:visibility="invisible" /> 

</LinearLayout> 

活動：

private IdiomView mIdiomTextView; 
private ListView mQuoteList; 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 

    setContentView(R.layout.idiom_of_the_day); 
    mIdiomTextView = (IdiomView) findViewById(R.id.idiom); 
    mQuoteList = (ListView) findViewById(R.id.quote_list);  

    // Populate page data onResume() 
} 

@Override 
protected void onResume() { 
    super.onResume(); 

    sendRequest(R.string.url_idiom_of_the_day, new AfterRequest(){ 
     @Override 
     public void useResults(Document resultXml) { 
      if(resultXml != null){ 

       Log.i(getClass().getSimpleName(), "useResults()"); 

       String idiomString = XmlUtilities.getTextValue(resultXml, NetworkHelper.XML_TAG_IDIOM_CONTENT); 

       logDebug("idiomString: " + idiomString); 
       mIdiomTextView.setText("\"" + idiomString + "\""); 
       mQuoteList.setAdapter(new ContentAdapter(mContext, resultXml)); 
       mIdiomTextView.setVisibility(View.VISIBLE); 

       mIdiomTextView.post(new Runnable(){ 
        @Override 
        public void run() { 
         mQuoteList.setVisibility(View.VISIBLE); 
        } 
       }); 
      } 

     } 
    }); 

} 

IdiomView：

public class IdiomView extends TextView { 

    public IdiomView(Context context) {  
     super(context); 
    } 

    public IdiomView(Context context, AttributeSet attrs){ 
     super(context, attrs); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     Log.i(getClass().getSimpleName(), "onDraw(): " + this.getLineCount()); 
     if(this.getLineCount() > 2){ 
      this.setTextSize(TypedValue.COMPLEX_UNIT_PX, this.getTextSize()-1); 
     } 
     else{ 
      this.setTextColor(getResources().getColor(R.color.text)); 
     } 
     Log.i(getClass().getSimpleName(), "onDraw(): " + this.getLineCount()); 

    } 


} 

非常感謝你。

Answer 1

反覆設置文字大小，直到找到合適的字體大小C應該效率很低，因爲您的TextView需要每次重新測量和重新繪製。而不是這樣做，您可以通過使用其TextView.getPaint()方法來測量和設置文本一次。您可以在一個循環中使用Paint來測量文本，以提供不同的字體大小，直到Paint.measureText()返回的值低於窗口小部件當前寬度的兩倍。

Answer 2

我從來沒有在View之前試過這個，但我認爲它可以幫助您的應用程序只在IdiomView繪製後與ListView一起使用。您可能能夠使用偵聽器來實現此目的。但是，它會要求您使用方法後面的代碼。

在IdiomView如

public static interface OnDrawComplete { 
    public abstract void onDrawComplete(); 
} 

private OnDrawComplete mListener; 

public IdiomView(Context context) {  
    super(context); 
    // this forces it to make sure it's actually an activity 
    // context so you can get a listener 
    if (context instanceof Activity) 
     this.mListener = context; 
} 

現在，在您的繪圖結束，稱之爲

if (this.mListener != null) 
    this.mListener.onDrawComplete(); 

這將調用創建對象的活動和它的繪圖通知創建的接口。所以，你的活動範圍內，就實現接口

public void onDrawComplete() { 
    // After the draw completes, it calls this callback. 
    // setup the rest of your layout now 
    mQuoteList = (ListView) findViewById(R.id.quote_list); 
    this.populateQuoteList(); 
} 

您可能還可以調用this.mListener.onDrawComplete();在某種其他View事件，但我無法找到一個比較合適。你提到View.post(runnable)，這可能會工作，但我從來沒有使用過這樣的事情。

最大的潛在問題是，我不知道IdiomView將如何接收上下文或哪一個。在這種情況下，您需要實現接口的環境的Activity環境。

如果它沒有得到正確的上下文，可能需要手動實例化並將其添加到佈局以使用此方法。

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 

    mIdiomTextView = new mIdiomTextView(this); 
    // add to the Layout manually. 
} 

這裏更多的是它充實

IdiomView

public class IdiomView extends TextView { 
    public static interface OnDrawComplete { 
     public abstract void onDrawComplete(); 
    } 

    private OnDrawComplete mListener; 

    public IdiomView(Context context) {  
     this(context, 0); 
    } 

    public IdiomView(Context context, AttributeSet attrs){ 
     super(context, attrs); 
     if (context instanceof Activity) 
      this.mListener = context; 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     // do your drawing code here 
     // ... 
     // after drawing, call the listener, which tells your 
     // Activity to deal with the ListView. 
     if (this.mListener != null) 
      this.mListener.onDrawComplete(); 
    } 
} 

活動

public class MyActivity extends Activity implements IdiomView.OnDrawComplete { 
    //... 

    private IdiomView mIdiomTextView; 
    private ListView mQuoteList; 

    public void onDrawComplete() { 
     // After the draw completes, it calls this callback. 
     // setup the rest of your layout now 
     mQuoteList = (ListView) findViewById(R.id.quote_list); 
     this.populateQuoteList(); 
     // now show the ListView 
     mQuoteList.setVisibility(View.Visible); 
    } 

    private void populateQuoteList() { 
     // populate your ListView here 
    } 
}