Android FragmentTabHost Раздели отдолу с проблем с избора на икони

Вече два дни се боря с прост потребителски интерфейс. Просто искам оформление с раздели с раздели отдолу (не мога да използвам раздели ActionBarSherlock поради тази причина). Също така искам моите раздели да бъдат представени с икона и текст. Доста просто? Знам, че не се препоръчва използването на долните раздели в android, но това е изискването на приложението. Не мога да направя много по въпроса.

Успях да редактирам този пример според моите нужди. Сега имам раздели отдолу, работещи с FragmentTabHost. След това се опитах да добавя икони към раздели. Ако използвах обикновен TabHost, можех да го направя

mTabs.addTab(mTabs.newTabSpec("chapter").setIndicator("Chapter",getResources().
  getDrawable(R.drawable.chapter1)), ContentFragment.class, null);

Но научих от тази публикация: FragmentTabHost с икона за рисуване, че очевидно не работи с нов FragmentTabHost. И така, следвайки тази публикация: Иконата в раздела не се показва внедрих персонализиран изглед за задържане на иконата и текста на раздела. И работи добре.

Проблемът тук (както се задава и в коментарите в една от публикациите) е, че изборът вече не е там. Не мога да видя кой раздел е избран.

Ето пълния код:

MainActivity.java

public class MainActivity extends FragmentActivity {

private FragmentTabHost mTabHost;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.bottom_tabs);

    mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
    mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);

    //testing with custom view implementation to add icon
    TabSpec spec = mTabHost.newTabSpec("tab" + 1);
    View tabIndicator = LayoutInflater.from(this).inflate(R.layout.tab1_icon, null, false);
    TextView title = (TextView) tabIndicator.findViewById(R.id.title);
    title.setText("Label 1");
    ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon);
    Drawable myIcon = getResources().getDrawable( R.drawable.icon1 );
    icon.setImageDrawable(myIcon);
    icon.setScaleType(ImageView.ScaleType.FIT_CENTER);

    spec.setIndicator(tabIndicator);

    mTabHost.addTab(spec,
            Fragment1.class, null);

    mTabHost.addTab(mTabHost.newTabSpec("contacts")
            .setIndicator("Contacts"), Fragment2.class, null);
    mTabHost.addTab(mTabHost.newTabSpec("custom").setIndicator("Custom"),
            Fragment3.class, null);

}

}

Fragment1.java

public class Fragment1 extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    View v = LayoutInflater.from(getActivity()).inflate(R.layout.tab1_view, null);
    return v;
}

bottom_tabs.xml

<?xml version="1.0" encoding="utf-8"?>

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

<FrameLayout
    android:id="@+id/realtabcontent"
    android:layout_width="match_parent"
    android:layout_height="0dip"
    android:layout_weight="1" />

<android.support.v4.app.FragmentTabHost
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="0" />
</android.support.v4.app.FragmentTabHost>

tab1_view.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FF0000"
android:orientation="vertical"
tools:context=".DeviceFragment" >

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Tab 1!" />

tab1_icon.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dip"
android:layout_height="55dip"
android:layout_weight="1"
android:orientation="vertical"
android:padding="5dp"
android:weightSum="55" >

<ImageView
    android:id="@+id/icon"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="30"
    android:adjustViewBounds="false"
    android:src="@drawable/icon1" />

<TextView
    android:id="@+id/title"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="25"
    android:gravity="center_horizontal" />


person Jazib    schedule 27.09.2013    source източник
comment
Не използвайте долните ленти с раздели: developer.android.com/design/patterns/pure -android.html Вижте също youtube.com/watch?v=pEGWcMTxs3I около 12:00ч.   -  person CommonsWare    schedule 28.09.2013
comment
Аз минах през това. Но изискването на клиента е да има решетки отдолу. Не мога да направя много по въпроса...   -  person Jazib    schedule 28.09.2013
comment
Също така проблемът, посочен в моя въпрос, ще продължи, ако разделите също са отгоре...   -  person Jazib    schedule 28.09.2013
comment
имаш ли решение за това?? ако да, моля, публикувайте го тук..дори аз съм изправен пред същия проблем :(   -  person Mohit    schedule 15.01.2014


Отговори (2)


вместо това опитайте да използвате ленти за действие, за да се показват в долната част.

Примерен код

 @Override
        public boolean onCreateOptionsMenu(Menu menu) {

            // Create an actionbar menu
            menu.add("Set as Wallpaper")
                    // Add a new Menu Button
                    .setOnMenuItemClickListener(this.SetWallpaperClickListener)
                    .setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);

            return super.onCreateOptionsMenu(menu);
        }

        // Capture actionbar menu item click
        OnMenuItemClickListener SetWallpaperClickListener = new OnMenuItemClickListener() {

            public boolean onMenuItemClick(MenuItem item) {

                // Retrieve a WallpaperManager
                WallpaperManager myWallpaperManager = WallpaperManager
                        .getInstance(MainActivity.this);

                try {
                    // Change the current system wallpaper
                    myWallpaperManager.setResource(R.drawable.wallpaper);

                    // Show a toast message on successful change
                    Toast.makeText(MainActivity.this,
                            "Wallpaper successfully changed", Toast.LENGTH_SHORT)
                            .show();

                } catch (IOException e) {
                    // TODO Auto-generated catch block
                }

                return false;
            }
        };

AndroidManifest.xml

 <activity
            android:name=".MainActivity"
            android:uiOptions="splitActionBarWhenNarrow" >

Източник: http://developer.android.com/design/patterns/actionbar.html

person AndroidBegin.com    schedule 28.09.2013
comment
Това ще работи само когато операционната система смята, че ширината е достатъчно тясна. Може да работи в портрет, но определено не и в пейзаж - person Jazib; 28.09.2013

Опитайте да използвате: https://stackoverflow.com/a/23150258/2765497

Ако искате поддръжка на API по-ниска 11, просто променете TabHost на FragmentTabHost (от support lib или Sherlock)

person Flinbor    schedule 18.04.2014