标题横向活动



import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TableLayout;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private TabLayout tblNews;
    private ViewPager vpNews;
    private List<String> titles;
    private List<Fragment> fragmentList;
    private List<String> urls;

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

        tblNews = findViewById(R.id.tbl_news);
        vpNews = findViewById(R.id.vp_news);

        titles = new ArrayList<>();
        titles.add("全部");
        titles.add("国内");
        titles.add("国际");
        titles.add("科技");
        titles.add("股市");
        titles.add("美股");
        titles.add("财经");
        titles.add("社会");
        titles.add("体育");
        titles.add("娱乐");
        titles.add("军事");

        fragmentList = new ArrayList<>();
        urls = new ArrayList<>();
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2509&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2510&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2511&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2515&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2517&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2518&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2516&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2669&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2512&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2513&k=&num=20&page=");
        urls.add("https://feed.mix.sina.com.cn/api/roll/get?pageid=153&lid=2514&k=&num=20&page=");

        for (int i = 0; i < urls.size(); i++) {
            NewsFragment newsFragment = new NewsFragment();
            Bundle bundle = new Bundle();
            bundle.putString("urls", urls.get(i));
            newsFragment.setArguments(bundle);
            fragmentList.add(newsFragment);
        }
        tblNews.setTabMode(TabLayout.MODE_SCROLLABLE);
        FragmentPagerAdapter adapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return fragmentList.get(position);
            }

            @Override
            public int getCount() {
                return fragmentList.size();
            }

            @Nullable
            @Override
            public CharSequence getPageTitle(int position) {
                return titles.get(position);
            }
        };
        vpNews.setAdapter(adapter);
        tblNews.setupWithViewPager(vpNews);
    }
}
要使 PHP 生成的 HTML 表格中的栏目标题横向显示,只需将之前设置为垂直显示的 `writing-mode` 属性去掉或修改为默认的水平显示样式。以下是修改后的代码: ```php <?php // 数据库连接信息 $servername = "localhost"; $username = "root"; $password = "root"; $dbname = "honeyu"; // 封装数据库连接函数 function connectToDatabase($servername, $username, $password, $dbname) { $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { error_log("数据库连接失败: " . $conn->connect_error); die("连接失败: " . $conn->connect_error); } return $conn; } // 封装关闭数据库连接函数 function closeDatabaseConnection($conn, $stmt = null) { if ($stmt) { $stmt->close(); } $conn->close(); } // 创建连接 $conn = connectToDatabase($servername, $username, $password, $dbname); // 获取排序参数 $sortColumn = isset($_GET['sort']) ? $_GET['sort'] : 'column_name'; $sortOrder = isset($_GET['order']) ? $_GET['order'] : 'asc'; // 查询栏目数据 $sql = "SELECT * FROM columns ORDER BY $sortColumn $sortOrder"; $result = $conn->query($sql); // 获取表字段名,用于动态生成标题 $fieldNames = []; if ($result) { $fields = $result->fetch_fields(); foreach ($fields as $field) { $fieldNames[] = $field->name; } } ?> <!DOCTYPE html> <html> <head> <style> table { width: 100%; border-collapse: collapse; } th { background-color: #007BFF; color: white; padding: 10px; text-align: left; border: 1px solid #ddd; cursor: pointer; } td { padding: 10px; border: 1px solid #ddd; writing-mode: vertical-lr; /* 表格内容保持垂直显示,可根据需求调整 */ } tr:nth-child(even) { background-color: #f2f2f2; } th:hover { background-color: #0056b3; } </style> </head> <body> <table> <tr> <?php foreach ($fieldNames as $fieldName): ?> <?php $newOrder = ($sortColumn === $fieldName && $sortOrder === 'asc') ? 'desc' : 'asc'; $sortUrl = "{$_SERVER['PHP_SELF']}?sort=$fieldName&order=$newOrder"; ?> <th onclick="window.location.href='<?php echo $sortUrl; ?>'"> <?php echo $fieldName; ?> <?php if ($sortColumn === $fieldName): ?> <?php echo ($sortOrder === 'asc') ? '▲' : '▼'; ?> <?php endif; ?> </th> <?php endforeach; ?> </tr> <?php if ($result && $result->num_rows > 0): ?> <?php while ($row = $result->fetch_assoc()): ?> <tr> <?php foreach ($fieldNames as $fieldName): ?> <td><?php echo $row[$fieldName]; ?></td> <?php endforeach; ?> </tr> <?php endwhile; ?> <?php else: ?> <tr> <td colspan="<?php echo count($fieldNames); ?>">暂无数据</td> </tr> <?php endif; ?> </table> <?php closeDatabaseConnection($conn); ?> </body> </html> ``` 在上述代码中,将 `th` 标签的 `writing-mode` 属性移除,这样栏目标题就会以默认的横向方式显示,而 `td` 标签的 `writing-mode` 属性可根据需求决定是否保留,若要表格内容也横向显示,可将其移除。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值