• After 15+ years, we've made a big change: Android Forums is now Early Bird Club. Learn more here.

Apps Join two different XML Layouts in one dinamically

J

joao.sauer

Lurker
Hi guys,

Sorry if this is really easy and someone already answered it, but the problem is that I have no idea how to search for it.

Let's say that my Layout is huge and split it in 2-3 different layouts.
So, I have 1.xml, 2.xml and 3.xml.

The 1.xml have a Scrollview that contains 1 linearLayout.
The 2.xml have just 1 LinearLayout with a lot of items inside of it.
The 3.xml have just 1 LinearLayout with a lot of items inside of it.

So, in my onCreate, I need do the:
setContentView(R.layout.1);

Now, let's say that I have a flag that if is true I will need to use 2.xml and false I will use the 3.xml.
My question is:
How can I get a pointer to 2.xml or 3.xml and join it to the LinearLayout inside of the 1.xml?

So, in the end I will have one the screen with 1 ScrollView that contains 1 LinearLayout that will contain 1 more LinearLayout that could be from 2.xml or 3.xml.

It's simple I know, but I have no idea in how to find about it, really sorry about my question.

Thanks a lot in advanced to answer this simple question.

Joao
 
Hi droidotheplains,

Thanks for your reply!
But what I'm looking is to merge two separate xml files in the same screen. It's appears that in the example, we are creating the buttons dinamically and adding it to the parentLayout.
What I need is:
Find a way to read the xml file and keep it in a variable. For example, the only way that I know to use a xml file is to do:
setContentView(R.layout.XML_FILE);
Then, using the ID I can have a pointer to any component of the file and do everything that I want.
But, How can I have access to the XML without showing it(without using setContentView)?

Thanks a lot for your help!
Joao
 
Hello everybody,

I found the solution

LayoutInflater is the class that do it!

example:
you have main.xml and child.xml

Code: 
setContentView(R.layout.main);
LinearLayout main= (LinearLayout) findViewById(R.id.linearlayout1);
 LayoutInflater li = getLayoutInflater();
ScrollView tmp = (ScrollView) li.inflate(R.layout.child,null);
main.addView(tmp);

That's it.

BR,
Joao
 
You can still use a similarly configured FrameLayout subclass as the second child of your outer LinearLayout, thus:

main.xml
Code: 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

  <LinearLayout android:id="@+id/LinearLayout01" android:orientation="horizontal" android:layout_height="fill_parent" android:layout_width="fill_parent">
    <LinearLayout android:id="@+id/LinearLayout02" android:orientation="vertical" android:layout_weight="1" android:layout_width="fill_parent" android:layout_gravity="center" android:layout_height="wrap_content">
      <Button android:id="@+id/Button02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Show Frame 2" android:layout_gravity="center"></Button>
    </LinearLayout>
    <org.test.frame.PanelSwitcher android:id="@+id/FrameLayout01" android:layout_weight="1" android:layout_height="fill_parent" android:layout_width="fill_parent">
      <LinearLayout android:id="@+id/LinearLayout03" android:orientation="vertical" android:layout_height="fill_parent" android:layout_width="fill_parent">
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Frame 1" android:id="@+id/Frame1Button"></Button>
      </LinearLayout>
      <LinearLayout android:id="@+id/LinearLayout04" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical">
        <Button android:id="@+id/Frame2Button" android:text="Frame 2" android:layout_height="fill_parent" android:layout_gravity="center" android:layout_width="fill_parent" android:layout_weight="1"></Button>
      </LinearLayout>
    </org.test.frame.PanelSwitcher>
  </LinearLayout>
</LinearLayout>
I've merely changed the package name in the file I referenced above:

PanelSwitcher.java:
Code: 
/*
 * Copyright (C) 2008 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package org.test.frame;

import android.view.animation.TranslateAnimation;
import android.view.MotionEvent;
import android.view.View;
import android.view.GestureDetector;
import android.widget.FrameLayout;
import android.content.Context;
import android.util.AttributeSet;
import android.os.Handler;

import java.util.Map;

class PanelSwitcher extends FrameLayout {
    private static final int MAJOR_MOVE = 60;
    private static final int ANIM_DURATION = 400;

    private GestureDetector mGestureDetector;
    private int mCurrentView;
    private View mChild, mHistoryView;
    private View children[];

    private int mWidth;
    private TranslateAnimation inLeft;
    private TranslateAnimation outLeft;

    private TranslateAnimation inRight;
    private TranslateAnimation outRight;

    private static final int NONE  = 1;
    private static final int LEFT  = 2;
    private static final int RIGHT = 3;
    private int mPreviousMove;

    public PanelSwitcher(Context context, AttributeSet attrs) {
        super(context, attrs);
        mCurrentView = 0;
        mGestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
                public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
                                       float velocityY) {
                    int dx = (int) (e2.getX() - e1.getX());

                    // don't accept the fling if it's too short
                    // as it may conflict with a button push
                    if (Math.abs(dx) > MAJOR_MOVE && Math.abs(velocityX) > Math.abs(velocityY)) {
                        if (velocityX > 0) {
                            moveRight();
                        } else {
                            moveLeft();
                        }
                        return true;
                    } else {
                        return false;
                    }
                }
            });
    }

    @Override 
    public void onSizeChanged(int w, int h, int oldW, int oldH) {
        mWidth = w;
        inLeft   = new TranslateAnimation(mWidth, 0, 0, 0);
        outLeft  = new TranslateAnimation(0, -mWidth, 0, 0);        
        inRight  = new TranslateAnimation(-mWidth, 0, 0, 0);
        outRight = new TranslateAnimation(0, mWidth, 0, 0);

        inLeft.setDuration(ANIM_DURATION);
        outLeft.setDuration(ANIM_DURATION);
        inRight.setDuration(ANIM_DURATION);
        outRight.setDuration(ANIM_DURATION);
    }

    protected void onFinishInflate() {
        int count = getChildCount();
        children = new View[count];
        for (int i = 0; i < count; ++i) {
            children[i] = getChildAt(i);
            if (i != mCurrentView) {
                children[i].setVisibility(View.GONE);
            }
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mGestureDetector.onTouchEvent(event);
        return true;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        return mGestureDetector.onTouchEvent(event);
    }

    void moveLeft() {
        //  <--
        if (mCurrentView < children.length - 1 && mPreviousMove != LEFT) {
            children[mCurrentView+1].setVisibility(View.VISIBLE);
            children[mCurrentView+1].startAnimation(inLeft);
            children[mCurrentView].startAnimation(outLeft);
            children[mCurrentView].setVisibility(View.GONE);

            mCurrentView++;
            mPreviousMove = LEFT;
        }
    }

    void moveRight() {
        //  -->
        if (mCurrentView > 0 && mPreviousMove != RIGHT) {
            children[mCurrentView-1].setVisibility(View.VISIBLE);
            children[mCurrentView-1].startAnimation(inRight);
            children[mCurrentView].startAnimation(outRight);
            children[mCurrentView].setVisibility(View.GONE);

            mCurrentView--;
            mPreviousMove = RIGHT;
        }
    }

    int getCurrentIndex() {
        return mCurrentView;
    }
}
And you only have to use one layout.xml. That way you won't have to reconnect widgets dynamically, they can all be connected during your Activity's onCreate().

TestFrame.java
Code: 
package org.test.frame;

import android.app.Activity;
import android.os.Bundle;

public class TestFrame extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}
 
You must log in or register to reply here.
Back
Top Bottom