0

再利用可能なウィジェットを作成したい。標準要素の序数複合体でなければなりません。最善のアプローチは何ですか。以下は私が現在使用しているコード サンプルですが、もっと洗練されたものがあるかもしれません。さらに、以下のサンプルは実行時に完全に実行されますが、Eclipse のビジュアル エディターは例外をスローします (これは現時点では問題ではありません)。コンポジットを作成するための推奨される方法はありますか? フラグメントを使用する必要がありますか?

public class MyComposite extends LinearLayout {

  private ImageView m_a1;
  private ImageView m_a2;
  private ImageView m_w1;
  private ImageView m_w2;
  private ImageView m_w3;
  private ImageView m_w4;

  public CallBackSlider(final Context context) {
    this(context, null);
  }

  public CallBackSlider(final Context context, final AttributeSet attrs) {
    super(context, attrs);

    LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    inflater.inflate(R.layout.my_composite, this, true);
    setupViewItems();
  }

  private void setupViewItems() {
    m_a1 = (ImageView) findViewById(R.id.A1Img);
    m_w1 = (ImageView) findViewById(R.id.Wave1Img);
    m_w2 = (ImageView) findViewById(R.id.Wave2Img);
    m_w3 = (ImageView) findViewById(R.id.Wave3Img);
    m_w4 = (ImageView) findViewById(R.id.Wave4Img);
    m_a2 = (ImageView) findViewById(R.id.A2Img);
    resetView();
  }

  private void resetView() {
    m_w1.setAlpha(0);
    m_w2.setAlpha(0);
    m_w3.setAlpha(0);
    m_w4.setAlpha(0);
  }
}

レイアウト xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/MyComposite"
  ...  >

  <ImageView
    android:id="@+id/A1Img"
    android:src="@drawable/a1"
    ...
   />

  <ImageView
    android:id="@+id/Wave1Img"
    ...
    android:src="@drawable/wave1" />

  <ImageView
    android:id="@+id/Wave2Img"
    ...
    android:src="@drawable/wave2" />

  <ImageView
    android:id="@+id/Wave3Img"
    ...
    android:src="@drawable/wave3" />

  <ImageView
    android:id="@+id/Wave4Img"
    ...
    android:src="@drawable/wave4" />

<ImageView
    android:id="@+id/EarImg"
    ...
    android:src="@drawable/a2" />

</LinearLayout>

次に、次のような他のレイアウトで使用できます。

...
<your.package.MyComposite 
    android:id="@+id/mc1"
    ...       
/>
...

また、MyComposite クラスのインスタンスだけでなく、Java コードからも使用できます。

4

2 に答える 2

1

あなたの例では、マージされたウィッジが必要だと思います。

ウィジェットの標準的な動作を変更する必要がある場合は、それをカスタマイズしてから、カスタムウィジェットを使用してください。

ただし、標準の動作を備えたビューのグループが必要な場合は、それらをマージするだけで十分です。

some_activity.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:orientation="vertical">

    // some views

    <include layout="@layout/view_part"/>

   // probably more views

</LinearLayout>

view_part.xml：

    <merge xmlns:android="http://schemas.android.com/apk/res/android">

       <ImageView
       android:id="@+id/A1Img" 
       android:src="@drawable/a1"
       ...
       /> 

       <ImageView
       android:id="@+id/Wave1Img"
       ...
       android:src="@drawable/wave1" />

       <ImageView
       android:id="@+id/Wave2Img"
       ...
       android:src="@drawable/wave2" />

       <ImageView
       android:id="@+id/Wave3Img"
       ...
       android:src="@drawable/wave3" />

       <ImageView
       android:id="@+id/Wave4Img"
       ...
       android:src="@drawable/wave4" />

       <ImageView
       android:id="@+id/EarImg"
       ...
       android:src="@drawable/a2" />       

    </merge>
于 2012-12-10T10:33:37.757 に答える
1

最近、ネストされたフラグメントが導入されました (SDK 4.1 または 4.2 および互換ライブラリ)。しかし、これらのネストされたフラグメントを使用して、あなたのような単純なウィジェットよりも複雑な UI の部分をカプセル化する必要があると思う傾向があります。

カスタム ウィジェットの通常のアプローチは、onFinishInflate メソッドをオーバーライドすることです。そのブログにはチュートリアルがあります。

対応するコードは次のとおりです。

public class TwoTextWidget extends LinearLayout {
    private TextView textOne;
    private TextView textTwo;

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

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        ((Activity)getContext()).getLayoutInflater().inflate(R.layout.two_text_component, this);
        setupViewItems();
    }

    private void setupViewItems() {
        textOne = (TextView) findViewById(R.id.text_one);
        textTwo = (TextView) findViewById(R.id.text_two);
    }

    public void setTextOne(String text) {
        textOne.setText(text);
    }

    public void setTextTwo(String text) {
        textTwo.setText(text);
    }
}

カスタム属性を使用して、ウィジェットをさらにカスタマイズできます。その他のブログをチェックしてください。

于 2012-12-10T10:36:52.383 に答える