カスタムビューのセルサイズグリッドが異なる

私は、「ウィジェット」（カスタム作成ビュー）を表示するためのグリッドを実装する必要があるプロジェクトに取り組んでいます。多かれ少なかれAndroidランチャーとそのウィジェットと同じ、ユーザーがグリッドを移動することができるウィジェット（ほとんどのランチャーのように長押しのウィジェット）ここで私が探しているもののプレビューです： Every color represents one different kind of "Widget"カスタムビューのセルサイズグリッドが異なる

私はGridLayoutとTableLayoutを試しましたが、レイアウトをウィジェットに合わせるために "マージ"できません。

グリッド自体は8×12セルのグリッドで、ウィジェットは1つ以上のセルを使用できます。たとえば、2×3（h | w）の「ウィジェットボタン」を設定しました。

私が必要とするものに合ったレイアウトがありますか、自分で作成する必要がありますか？

ありがとう、アベル！

出典

2016-04-27 Abel Reyes

PercentRelativeLayoutを見ましたか？ – ditkin

これは有望そうです！私は何かを構成して、再びコメントしようとします！ **編集：** JavaでPercentRelativeLayoutの子のパーセンテージを設定しようとしましたが、見た目の良い例があります（[example]（http://stackoverflow.com/questions/32497833/how-to-set-子どものビューのパーセンテージの高さ - 幅 - パーセンテージのout-of-r））、子ビューがXMLを使用して定義されている場合、パーセンテージはjavaでのみ解決できます。 Launcherウィジェットと同じように、オブジェクトを動的に作成し、配置する必要があります。ありがとうございます！ –

ように私はプログラムでビューを作成し、そのPercentRelativeLayout.LayoutParamsを設定するには、次のコードを使用したのと同じことをしています：

protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_percent_relative); 

    ViewGroup root = (ViewGroup)findViewById(R.id.perecent_layout_view); 

    View blueWidget = new View(this); 
    blueWidget.setBackground(blue); 
    root.addView(blueWidget); 

    setUpLayout(blueWidget, 2.0f/8.0f, 6.0f/8.0f, 6.0f/8.0f, 0.0f, 2.0f/8.0f, 0.0f); 

    View redWidget = new View(this); 
    redWidget.setBackground(red); 
    root.addView(redWidget); 

    setUpLayout(redWidget, 5.0f/8.0f, 2.0f/8.0f, 3.0f/8.0f, 0.0f, 0.0f, 6.0f/8.0f); 

} 

private void setUpLayout(View view, float widthPercent, 
         float heightPercent, 
         float leftMarginPercent, 
         float rightMarginPercent, 
         float topMarginPercent, 
         float bottomMarginPercent) { 

    PercentRelativeLayout.LayoutParams layoutParams = new PercentRelativeLayout.LayoutParams(view.getLayoutParams()); 
    PercentLayoutHelper.PercentLayoutInfo percentLayoutInfo = layoutParams.getPercentLayoutInfo(); 

    percentLayoutInfo.heightPercent = heightPercent; 
    percentLayoutInfo.widthPercent = widthPercent; 
    percentLayoutInfo.topMarginPercent= topMarginPercent; 
    percentLayoutInfo.bottomMarginPercent= bottomMarginPercent; 
    percentLayoutInfo.leftMarginPercent= leftMarginPercent; 
    percentLayoutInfo.rightMarginPercent= rightMarginPercent; 

    view.setLayoutParams(layoutParams); 

}

ビューは次のようになります。